Lære Utfordring: Strukturer et HTML-dokument Korrekt

Mål

Bygg den korrekte nettsiden ved å opprette en grunnleggende HTML-dokumentstruktur. Denne strukturen er ryggraden i hver HTML-side og består av essensielle elementer som nettlesere trenger for å vise innholdet ditt riktig.

Merk

Ikke la deg lure av den tilsynelatende enkelheten i nettsidens design. Selv om det kan virke rett frem, er det avgjørende å opprettholde korrekt dokumentstruktur. Dette sikrer at nettstedet beholder lesbarhet og funksjonalitet i alle nettlesere.

Oppgave

Lag en grunnleggende HTML-dokumentstruktur. Hvis du allerede er trygg på ferdighetene dine, kan du fortsette uten steg-for-steg-veiledningen. Ønsker du mer veiledning, er det tilgjengelig en trinnvis gjennomgang for å hjelpe deg videre.

Trinnvis veiledning

Trinn 1: Start HTML-dokumentet

Begynn med å skrive HTML doctype-deklarasjonen, som informerer nettleseren om at dokumentet er skrevet i HTML. Deklarasjonen skal være den første linjen i HTML-dokumentet ditt:

index.html

Steg 2: Legg til åpning og lukking av html-tagger

Etter doctype-erklæringen, legg til åpning og lukking av HTML-tagger. Hele HTML-dokumentets struktur vil være plassert innenfor disse taggene. Inkluder også lang-attributtet for å angi dokumentets språk:

index.html

Steg 3: Opprett head-seksjonen

Legg til åpning og lukking av <head>-tagger inne i HTML-taggene. Head-seksjonen inneholder meta-informasjon om HTML-dokumentet, som tittel og lenker til eksterne stilark:

index.html

Steg 4: Legg til tittelen

Inne i <head>-taggene, legg til åpning og lukking av <title>-taggene. Teksten du skriver mellom disse taggene vil vises som tittelen på nettsiden i nettleserens tittellinje eller fane:

index.html

Steg 5: Opprett body-seksjonen

Etter <head>-seksjonen, legg til åpning og lukking av <body>-taggene. Body-seksjonen inneholder det synlige innholdet på nettsiden:

index.html

Steg 6: Legg til innhold i body

Du kan legge til elementer innenfor <body>-taggene, som overskrifter, avsnitt, bilder, lenker osv. Her er et eksempel på hvordan du legger til en overskrift og et avsnitt:

index.html

Prøv selv

index.html

Alt var klart?

Takk for tilbakemeldingene dine!

Seksjon 3. Kapittel 5

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

Sveip for å vise menyen

Mål

Merk

Oppgave

Trinnvis veiledning

Trinn 1: Start HTML-dokumentet

Begynn med å skrive HTML doctype-deklarasjonen, som informerer nettleseren om at dokumentet er skrevet i HTML. Deklarasjonen skal være den første linjen i HTML-dokumentet ditt:

index.html

Steg 2: Legg til åpning og lukking av html-tagger

index.html

Steg 3: Opprett head-seksjonen

Legg til åpning og lukking av <head>-tagger inne i HTML-taggene. Head-seksjonen inneholder meta-informasjon om HTML-dokumentet, som tittel og lenker til eksterne stilark:

index.html

Steg 4: Legg til tittelen

Inne i <head>-taggene, legg til åpning og lukking av <title>-taggene. Teksten du skriver mellom disse taggene vil vises som tittelen på nettsiden i nettleserens tittellinje eller fane:

index.html

Steg 5: Opprett body-seksjonen

Etter <head>-seksjonen, legg til åpning og lukking av <body>-taggene. Body-seksjonen inneholder det synlige innholdet på nettsiden:

index.html

Steg 6: Legg til innhold i body

Du kan legge til elementer innenfor <body>-taggene, som overskrifter, avsnitt, bilder, lenker osv. Her er et eksempel på hvordan du legger til en overskrift og et avsnitt:

index.html

Prøv selv

index.html

Alt var klart?

Takk for tilbakemeldingene dine!

Seksjon 3. Kapittel 5