HTML-Dokumentstruktur Forklaret
Et HTML-dokument følger en ensartet struktur bestående af nogle få nøgleelementer.
<html>-tag
Rod-elementet på hver side. Alt indhold placeres mellem åbningstagget <html> og lukningstagget </html>.
<html>
<!-- Other elements go here -->
</html>
<head>-tag
Indeholder information om siden, som ikke er synlig for brugeren. Dette inkluderer titel, metadata og links til stylesheets eller scripts.
<head>
<title>Title of the Document</title>
<meta charset="UTF-8" />
<!-- Other meta tags, links, and scripts go here -->
</head>
Almindelige elementer i <head>:
<title>: tekst vist på browserfanen;<meta charset="UTF-8">: angiver tekstkodning;<meta name="description">: kort sidebeskrivelse;<meta name="viewport">: nødvendig for responsivt design.
<body>-tag
Indeholder alt synligt indhold på siden: tekst, billeder, links, formularer osv.
<body>
<h1>Hello, World!</h1>
<p>This is a paragraph of text.</p>
<!-- Other content goes here -->
</body>
Dokumenttype-deklaration
Angiver til browseren, at HTML5-standarden skal bruges ved visning af siden.
<!DOCTYPE html>
Eksempel på fuld struktur
For at opsummere samles alle de elementer, vi har gennemgået, i et enkelt HTML-dokument.
<!DOCTYPE html>
<html>
<head>
<title>Title of the Document</title>
<meta charset="UTF-8" />
<!-- Other meta tags, links, and scripts go here -->
</head>
<body>
<h1>Hello, World!</h1>
<p>This is a paragraph of text.</p>
<!-- Other content goes here -->
</body>
</html>
Nedenfor kan du se, hvordan HTML-dokumentet vises i webbrowseren.
1. Hvilket tag er roden i et HTML-dokument?
2. Hvad indeholder <head>-tagget?
3. Hvad definerer <title>-tagget?
4. Hvad er formålet med <body>-tagget?
Tak for dine kommentarer!
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
Fantastisk!
Completion rate forbedret til 2.86HTML-Dokumentstruktur Forklaret
Stryg for at vise menuen
Et HTML-dokument følger en ensartet struktur bestående af nogle få nøgleelementer.
<html>-tag
Rod-elementet på hver side. Alt indhold placeres mellem åbningstagget <html> og lukningstagget </html>.
<html>
<!-- Other elements go here -->
</html>
<head>-tag
Indeholder information om siden, som ikke er synlig for brugeren. Dette inkluderer titel, metadata og links til stylesheets eller scripts.
<head>
<title>Title of the Document</title>
<meta charset="UTF-8" />
<!-- Other meta tags, links, and scripts go here -->
</head>
Almindelige elementer i <head>:
<title>: tekst vist på browserfanen;<meta charset="UTF-8">: angiver tekstkodning;<meta name="description">: kort sidebeskrivelse;<meta name="viewport">: nødvendig for responsivt design.
<body>-tag
Indeholder alt synligt indhold på siden: tekst, billeder, links, formularer osv.
<body>
<h1>Hello, World!</h1>
<p>This is a paragraph of text.</p>
<!-- Other content goes here -->
</body>
Dokumenttype-deklaration
Angiver til browseren, at HTML5-standarden skal bruges ved visning af siden.
<!DOCTYPE html>
Eksempel på fuld struktur
For at opsummere samles alle de elementer, vi har gennemgået, i et enkelt HTML-dokument.
<!DOCTYPE html>
<html>
<head>
<title>Title of the Document</title>
<meta charset="UTF-8" />
<!-- Other meta tags, links, and scripts go here -->
</head>
<body>
<h1>Hello, World!</h1>
<p>This is a paragraph of text.</p>
<!-- Other content goes here -->
</body>
</html>
Nedenfor kan du se, hvordan HTML-dokumentet vises i webbrowseren.
1. Hvilket tag er roden i et HTML-dokument?
2. Hvad indeholder <head>-tagget?
3. Hvad definerer <title>-tagget?
4. Hvad er formålet med <body>-tagget?
Tak for dine kommentarer!
