Sådan struktureres et nyt HTML-dokument
HTML (HyperText Markup Language) er rygraden i webindhold, der giver struktur til de oplysninger, der vises på websteder. Hvert HTML-dokument følger en grundlæggende struktur, der indeholder væsentlige elementer. Lad os dykke ned i nøglekomponenterne.
1. '<!DOCTYPE html>'
Denne erklæring definerer dokumenttypen og -versionen af HTML, der bruges. For moderne websider er det sædvanligt at bruge '<!DOCTYPE html>'.
2. '<html>'
Rodelementet indkapsler hele HTML-dokumentet.
3. '<head>'
Hovedafsnittet indeholder metaoplysninger om dokumentet, såsom titel, tegnsæt og linkede stylesheets.
4. '<title>'
Dette element angiver titlen på HTML-dokumentet, som vises i browserfanen eller vinduet.
5. '<body>'
Body-elementet indeholder indholdet af HTML-dokumentet, inklusive tekst, billeder, links og mere.
Eksempel på HTML-dokument
Lad os nu sætte det hele sammen i et eksempel:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My HTML Document</title>
</head>
<body>
<h1>Welcome to My Website</h1>
<p>This is a simple example of an HTML document.</p>
<img src="example.jpg" alt="An example image">
<a href="https://www.example.com">Visit Example.com</a>
</body>
</html>I dette eksempel skal du erstatte "My HTML Document" med din ønskede titel og justere indholdet i '<body>' i overensstemmelse hermed. Forståelse af denne grundlæggende struktur lægger grundlaget for at skabe velorganiserede, semantisk meningsfulde websider.
Bonus: Afsluttende tags
Når du komponerer en HTML-side, er det vigtigt at sikre, at alle tags er ordentligt lukkede, for at undgå problemer med sideflow og gengivelse. For at hjælpe med denne opgave, tjek vores HTML Unclosed Tag Checker Tool for at fange strukturelle problemer i din HTML-kode.