Html Css Javascript Explained In 5 Minutes For Beginners

HTML, CSS, JavaScript explained in 5 minutes for beginners. What is HTML, CSS u0026 JavaScript? In this video, you will learn exactly what each does and how they together make up the internet you and I love!. . Build your next awesome project:. https://www.tubebuddy.com/quicknav/latest/UCkXqOdpo5ul8BosGBFlDgmw. . Video chapters:. 0:00 What is HTML? HyperText Markup Language explained.. 1:39 What is CSS? Cascading Style Sheets explained.. 3:06 What is JavaScript? JavaScript explained.. . Attributions used in this video:. 1) http://www.csszengarden.com/217/. 2) https://commons.wikimedia.org/wiki/File:Veni.sancte.spiritus.ogg. 3) https://pixabay.com/?utm_source=link-attributionu0026amp;utm_medium=referralu0026amp;utm_campaign=musicu0026amp;utm_content=68933. 4) https://pixabay.com/?utm_source=link-attributionu0026amp;utm_medium=referralu0026amp;utm_campaign=musicu0026amp;utm_content=14610. . Script:. . HTML. This is an HTML file. If you open up this file you see this collection of HTML code, and if open this code in a browser like Firefox or Chrome you get this.. This is the first webpage ever created back in 1991 using the newly invented technology HyperText Markup Language, or HTML for short. . HTML is mostly just a collection of words in a file, that turns into a page with text, similar to a newspaper page. And as with a newspaper page an HTML page is structured by making some words the title of that page, and some other words are made into headings, or sections, or even bullet points. You can even add pictures to an HTML page.. As you can see, HTML is not very pretty, but it is functional, and it was a massive revolution back in 1991. Because HTML introduced something completely new, something that we take for granted today, and the name HyperText Markup Language hints to the answer.. The HyperText part of HTML is what we commonly refer to today as plain old links.. You see that first HTML page created the first links to other HTML pages, that linked to even more pages, and eventually all those pages made up what became known as the internet. . So, it’s thanks to HTML and the ability to link one page to another, that today we enjoy YouTube, Netflix, TikTok, Facebook, Wikipedia, and all your favorite internet sites and services.. All webpages are at the core made up of html code, which defines the structure of the words of that page. But as you could see with the first internet page, this was very ugly.. As you know modern webpages tend to look quite pretty. This is where CSS comes in.. . CSS. CSS stands for Cascading Style Sheets, which is exactly what it does. CSS files and their code styles html pages to make them look more appealing to the human eye.. CSS was released in 1996, 5 years after the first HTML page and now we could give those simple HTML pages color, backgrounds, and typography.. With CSS we could now move the words around and create sections which look distinct from the rest of the page.. CSS also introduced another thing we take for granted today which is content borders and blocks. Now we could arrange our pages in more ways than just one. We could make the content of the page a bit bigger, smaller, change the font. Add a background image, add a box behind some text and all of this CSS code adds up to a webpage that looks much more unique and aesthetic, than what an HTML page can ever look like.. CSS is also the reason that we can look at the same webpage on a 50-inch tv, and on our smartphones and the page still looks good, because it changes the layout of the page to fit any screen size.. This is what’s called responsive web page design.. So, with CSS we can make our pages more than simple “newspaper pages.” Now they start looking like the modern webpages we recognize and love today. But there is still one element missing to really make a webpage interesting.. And that is interactivity. Which brings us to JavaScript.. . JavaScript. JavaScript is another file with code inside of it that tells the HTML and CSS files how to behave.. Up until 1995 when JavaScript came along, webpages were static pages. That meant that when you loaded that page on your browser, that page could not change whatsoever. Not by itself, and certainly not based on anything you did as a visitor.. That means that all the interactivity we take for granted today: like making a google search, logging into our social media accounts, adding to our shopping carts, posting our content, or liking a YouTube video (which I suggest you do if you are enjoying this video) is thanks to JavaScript.. JavaScript makes webpages in essence behave alive, taking the HTML and CSS code and making it interactive where the elements on the webpage can react to what you as the visitor does.. So, an easy way to understand this is if you click something, and something happens, then that’s JavaScript code making that happen.