1 00:00:00,700 --> 00:00:05,130 You will learn that HTML stands for hypertext markup language. 2 00:00:05,130 --> 00:00:07,550 But what does that actually mean? 3 00:00:07,550 --> 00:00:09,380 Let me break down the meaning of this. 4 00:00:10,690 --> 00:00:16,241 Hypertext refers to any text that can be displayed on a computer screen, 5 00:00:16,241 --> 00:00:22,249 and includes links to other text, often referred to as hypertext documents. 6 00:00:22,249 --> 00:00:27,179 The World Wide Web is an intricate network of billions of documents, 7 00:00:27,179 --> 00:00:30,240 all interconnected through hyperlinks. 8 00:00:30,240 --> 00:00:34,932 For instance, the page you're currently viewing is in itself a hypertext 9 00:00:34,932 --> 00:00:39,830 document and you likely reached it by clicking on a hyperlink. 10 00:00:39,830 --> 00:00:43,476 A markup language is a set of instructions that provide meaning 11 00:00:43,476 --> 00:00:45,870 to the text within a document. 12 00:00:45,870 --> 00:00:51,300 These instructions define how tech should be structured, formatted, and laid out. 13 00:00:51,300 --> 00:00:56,380 So, HTML serves as a markup language that browsers used to present 14 00:00:56,380 --> 00:01:01,293 information to users like text, links, images, and videos. 15 00:01:01,293 --> 00:01:05,728 It's the fundamental building block upon which all websites and 16 00:01:05,728 --> 00:01:07,752 web applications are built. 17 00:01:07,752 --> 00:01:12,045 Let's quickly review how HTML works, what it looks like, and 18 00:01:12,045 --> 00:01:15,941 why it's essential for structuring content on the web. 19 00:01:15,941 --> 00:01:20,462 If you ever used a word processing program such as Microsoft Word or 20 00:01:20,462 --> 00:01:25,322 Google Docs, you've probably applied formatting to blocks of text. 21 00:01:25,322 --> 00:01:27,887 By creating a title for your document and 22 00:01:27,887 --> 00:01:32,348 using headings to mark the beginning of important content sections. 23 00:01:32,348 --> 00:01:37,290 Inserting links to other documents or web pages, adding images, 24 00:01:37,290 --> 00:01:41,451 creating spaces, or using dot points to create lists. 25 00:01:41,451 --> 00:01:46,279 In essence, you've used the formatting tools in the program to provide your 26 00:01:46,279 --> 00:01:48,446 document with a clear structure. 27 00:01:48,446 --> 00:01:53,390 HTML serves a similar purpose by offering text formatting instructions 28 00:01:53,390 --> 00:01:57,390 to web browsers through tags known as markup. 29 00:01:57,390 --> 00:02:02,701 Just as a document in Word or Google Docs, without any formatting, would 30 00:02:02,701 --> 00:02:08,800 appear somewhat bland, a web page without HTML tags or markup would look like this. 31 00:02:09,820 --> 00:02:13,870 Now, let's see that same content displayed in the browser using markup. 32 00:02:14,920 --> 00:02:19,374 Notice how the text on the page becomes easier to scan and understand. 33 00:02:19,374 --> 00:02:25,367 It also provides links for easy navigation to other pages and more content. 34 00:02:25,367 --> 00:02:31,201 If I right click or Ctrl+ Click on the page and select View Page Source, 35 00:02:31,201 --> 00:02:37,146 I can access the HTML code that the browser uses to display this web page. 36 00:02:37,146 --> 00:02:37,874 In fact, 37 00:02:37,874 --> 00:02:43,607 we'll be creating this page together as we explore each HTML tag in depth. 38 00:02:43,607 --> 00:02:46,740 For now, I just wanna show you how HTML looks. 39 00:02:47,820 --> 00:02:51,948 There are two main vocab words that you'll hear often and 40 00:02:51,948 --> 00:02:54,877 interchangeably, tags and elements. 41 00:02:54,877 --> 00:02:59,269 HTML tags are enclosed in angle brackets, and left angle bracket and 42 00:02:59,269 --> 00:03:01,460 a right angle bracket. 43 00:03:01,460 --> 00:03:05,400 Take a look at the sets of tags that surround the content. 44 00:03:05,400 --> 00:03:09,870 These tags are the markup responsible for displaying this page. 45 00:03:09,870 --> 00:03:14,964 Notice how even though these tags serve as instructions for the browser, 46 00:03:14,964 --> 00:03:20,061 they're named with user-friendly human-readable words like title, 47 00:03:20,061 --> 00:03:22,620 body, header, main, and footer. 48 00:03:23,660 --> 00:03:28,481 An HTML element includes both the opening and closing tags, and 49 00:03:28,481 --> 00:03:31,257 the content enclosed between them. 50 00:03:31,257 --> 00:03:36,640 It represents a specific part of the webpage's structure or content. 51 00:03:36,640 --> 00:03:42,037 For example, the p-element represents a paragraph on the page and 52 00:03:42,037 --> 00:03:47,921 then includes an opening p-tag, the content, and the closing p-tag. 53 00:03:47,921 --> 00:03:52,704 HTML is understood by all browsers, whether on phones, tablets, or 54 00:03:52,704 --> 00:03:54,780 desktop computers. 55 00:03:54,780 --> 00:04:00,390 That's why every website and web app you encounter is built using HTML. 56 00:04:00,390 --> 00:04:01,891 It's the language of the web, 57 00:04:01,891 --> 00:04:06,760 and I'm here to guide you through learning how to write it in the upcoming stage. 58 00:04:06,760 --> 00:04:08,456 As I mentioned earlier, 59 00:04:08,456 --> 00:04:12,585 HTML is just one component of what makes a website complete. 60 00:04:12,585 --> 00:04:17,499 Adding a touch of CSS can transform the structure of a webpage into something 61 00:04:17,499 --> 00:04:18,974 visually appealing. 62 00:04:18,974 --> 00:04:22,930 So in the next video, we'll explore deeper into the world of CSS.