Ditt første HTML-dokument
Skriv og kjør din første side med overskrift og avsnitt.
Nå skal du skrive din første ekte nettside. Ikke en øvelse på papir — en side som vises i nettleseren, med overskrift og avsnitt, skrevet av deg.
Et HTML-dokument har en fast grunnform: en doctype som forteller at dette er HTML, et head med informasjon *om* siden, og en body med innholdet brukerne ser. Øvelsen ligger i arbeidsområdet nederst på siden — der er dokumentet allerede satt opp, og du fyller inn resten.
<!doctype html><html lang="no"> <head> <meta charset="utf-8" /> <title>Min første side</title> </head> <body> <!-- Innholdet ditt kommer her --> </body></html>Oppgaven
- Legg til en
<head>-del med<meta charset="utf-8" />og en<title>. - Legg til en
<body>-del. - Skriv en overskrift med
<h1>som forteller hva siden handler om. - Skriv minst ett avsnitt med
<p>under overskriften.
Tips
Sjekkerne i arbeidsområdet
Arbeidsområdet ser etter de fem tingene i oppgaven og viser grønt når de er på plass. Skriv selv — kopieringsknappen lærer deg ingenting, men av og til er det lov å jukse litt med tastaturet sitt.
Når alle sjekkene er grønne, har du skrevet et komplett HTML-dokument. Du har nettopp gjort det tusenvis av utviklere gjorde før deg: satt en tittel i en fil og latt nettleseren vise den.
Du kan nå
- lage et komplett HTML-dokument med doctype,
headogbody - gi siden en tittel som vises i fanen
- skrive overskrifter med
<h1>og avsnitt med<p>
Arbeidsområdet
NettsideDokumentet i fanen ved siden av er tomt, men grunnformen er satt opp. Fyll inn resten etter oppgaven i leksjonen over — trykk «Kjør» for å se siden din, og «Sjekk løsningen» når du tror alt er på plass.
Tips: Ctrl + Enter kjører koden, Ctrl + Shift + Enter sjekker løsningen (Cmd på Mac).
Framdriften din
0 av 5
- Har en <head>-del med <meta charset>
- Har en <title> med tekst i
- Har en <body>-del
- Har en <h1>-overskrift
- Har minst ett <p>-avsnitt
Trykk «Kjør» for å se siden din.
Forhåndsvisningen åpner her, ved siden av koden din.
Konsoll
Kjør koden for å se output her.