Basic Structure of an HTML Document
A typical HTML document looks like this:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Title of the Document</title>
</head>
<body>
<!-- Content goes here -->
</body>
</html>
Note
No worries, you will explore each aspect in depth in the upcoming chapters. For now, look and get familiar with the visual appearance of HTML.
Structure brief summary
<!DOCTYPE html>: tells the browser which version of HTML the document is using. In this case, it's HTML5, the latest version of HTML;<html>: is the root element of the HTML document. All other elements are contained within this element;<head>: contains meta-information about the document, such as the character encoding (<meta charset="UTF-8">) which ensures that special characters are displayed correctly, and the document title (<title>) which appears in the browser's title bar or tab;<title>: sets the title of the document, which is displayed in the browser's title bar or tab;<body>: is where the web page's main content goes. You'll place text, images, links, forms, and other elements inside the<body>element. This is what users will see and interact with when they visit your web page.
Code editor link - Visual Studio Code
Everything was clear?
Thanks for your feedback!
SectionΒ 1. ChapterΒ 5
Ask AI
Ask AI
Ask anything or try one of the suggested questions to begin our chat
Awesome!
Completion rate improved to 2.86Basic Structure of an HTML Document
Swipe to show menu
A typical HTML document looks like this:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Title of the Document</title>
</head>
<body>
<!-- Content goes here -->
</body>
</html>
Note
No worries, you will explore each aspect in depth in the upcoming chapters. For now, look and get familiar with the visual appearance of HTML.
Structure brief summary
<!DOCTYPE html>: tells the browser which version of HTML the document is using. In this case, it's HTML5, the latest version of HTML;<html>: is the root element of the HTML document. All other elements are contained within this element;<head>: contains meta-information about the document, such as the character encoding (<meta charset="UTF-8">) which ensures that special characters are displayed correctly, and the document title (<title>) which appears in the browser's title bar or tab;<title>: sets the title of the document, which is displayed in the browser's title bar or tab;<body>: is where the web page's main content goes. You'll place text, images, links, forms, and other elements inside the<body>element. This is what users will see and interact with when they visit your web page.
Code editor link - Visual Studio Code
Everything was clear?
Thanks for your feedback!
SectionΒ 1. ChapterΒ 5
