Basic Structure of an HTML Document
An HTML document follows a basic structure consisting of several elements. Here's a typical structure of an HTML document:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Title of the Document</title>
</head>
<body>
<!-- Content goes here -->
</body>
</html>
Structure brief summary
<!DOCTYPE html>
: This line tells the browser which version of HTML the document is using. In this case, it's HTML5, the latest version of HTML;<html>
: This is the root element of the HTML document. All other elements are contained within this element;<head>
: This section 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>
: This element sets the title of the document, which is displayed in the browser's title bar or tab;<body>
: This 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.
Video Tutorial
Code editor link - Visual Studio Code
Var alt klart?
Tak for dine kommentarer!
Sektion 1. Kapitel 5
Spørg AI
Spørg AI
Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat
Awesome!
Completion rate improved to 3.13
Basic Structure of an HTML Document
Stryg for at vise menuen
An HTML document follows a basic structure consisting of several elements. Here's a typical structure of an HTML document:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Title of the Document</title>
</head>
<body>
<!-- Content goes here -->
</body>
</html>
Structure brief summary
<!DOCTYPE html>
: This line tells the browser which version of HTML the document is using. In this case, it's HTML5, the latest version of HTML;<html>
: This is the root element of the HTML document. All other elements are contained within this element;<head>
: This section 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>
: This element sets the title of the document, which is displayed in the browser's title bar or tab;<body>
: This 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.
Video Tutorial
Code editor link - Visual Studio Code
Var alt klart?
Tak for dine kommentarer!
Sektion 1. Kapitel 5