Forklaring Av HTML-Dokumentstruktur
Et HTML-dokument følger en konsekvent struktur bestående av noen sentrale elementer.
<html>-tag
Rot-elementet på hver side. Alt innhold plasseres mellom åpningstaggen <html> og lukkingstaggen </html>.
<html>
<!-- Other elements go here -->
</html>
<head>-tag
Inneholder informasjon om siden som ikke er synlig for brukeren. Dette inkluderer tittel, metadata og lenker til stilark eller skript.
<head>
<title>Title of the Document</title>
<meta charset="UTF-8" />
<!-- Other meta tags, links, and scripts go here -->
</head>
Vanlige elementer i <head>:
<title>: tekst som vises på nettleserfanen;<meta charset="UTF-8">: angir tegnkoding;<meta name="description">: kort beskrivelse av siden;<meta name="viewport">: nødvendig for responsivt design.
<body>-taggen
Inneholder alt synlig innhold på siden: tekst, bilder, lenker, skjemaer osv.
<body>
<h1>Hello, World!</h1>
<p>This is a paragraph of text.</p>
<!-- Other content goes here -->
</body>
Dokumenttype-erklæring
Informerer nettleseren om å bruke HTML5-standarden ved visning av siden.
<!DOCTYPE html>
Eksempel på full struktur
For å oppsummere, samles alle elementene vi har gjennomgått i ett 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 nettleseren.
1. Hvilken tagg er rootelementet i et HTML-dokument?
2. Hva inneholder <head>-taggen?
3. Hva definerer <title>-taggen?
4. Hva er formålet med <body>-taggen?
Takk for tilbakemeldingene dine!
Spør AI
Spør AI
Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår
Fantastisk!
Completion rate forbedret til 2.86Forklaring Av HTML-Dokumentstruktur
Sveip for å vise menyen
Et HTML-dokument følger en konsekvent struktur bestående av noen sentrale elementer.
<html>-tag
Rot-elementet på hver side. Alt innhold plasseres mellom åpningstaggen <html> og lukkingstaggen </html>.
<html>
<!-- Other elements go here -->
</html>
<head>-tag
Inneholder informasjon om siden som ikke er synlig for brukeren. Dette inkluderer tittel, metadata og lenker til stilark eller skript.
<head>
<title>Title of the Document</title>
<meta charset="UTF-8" />
<!-- Other meta tags, links, and scripts go here -->
</head>
Vanlige elementer i <head>:
<title>: tekst som vises på nettleserfanen;<meta charset="UTF-8">: angir tegnkoding;<meta name="description">: kort beskrivelse av siden;<meta name="viewport">: nødvendig for responsivt design.
<body>-taggen
Inneholder alt synlig innhold på siden: tekst, bilder, lenker, skjemaer osv.
<body>
<h1>Hello, World!</h1>
<p>This is a paragraph of text.</p>
<!-- Other content goes here -->
</body>
Dokumenttype-erklæring
Informerer nettleseren om å bruke HTML5-standarden ved visning av siden.
<!DOCTYPE html>
Eksempel på full struktur
For å oppsummere, samles alle elementene vi har gjennomgått i ett 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 nettleseren.
1. Hvilken tagg er rootelementet i et HTML-dokument?
2. Hva inneholder <head>-taggen?
3. Hva definerer <title>-taggen?
4. Hva er formålet med <body>-taggen?
Takk for tilbakemeldingene dine!
