Avsnitt

Nå som du har en grunnleggende struktur i HTML-dokumentet kan du begynne å herje litt med innholdet

Hopp tilbake til tekstbehandleren din, og legg til en ny linje til nettsiden din:

<!DOCTYPE html>
<html>
<head>
  <title>Min første webside</title>
</head>
<body>
  Dette er min første webside
  Så spennende
</body>
</html>

Lagre fila, og sjekk hvordan det ser ut i nettleseren din.

Du forventet muligens å se teksten slik du har skrevet den; på to linjer. Isteden dukker all teksten opp på én linje:
Dette er min første webside Så spennende

Dette er fordi nettlesere ikke bryr seg om hvilken linje koden din er på. Den bryr seg heller ikke om antall mellomrom du bruker – du ville fått samme resultat om du skrev «Dette er min første webside Så spennende».

Dersom du vil at teksten skal havne på forskjellige linjer, eller mer konkret; du ønsker å ha to separate tekstblokker (ettersom HTML er betydning, og ikke presentasjon), så må vi eksplisitt uttrykke det.

Endre de to tekstlinjene, slik at du får:

<p>Dette er min første webside</p>
<p>Så spennende</p>

p-tag’en brukes til å definere avsnitt (engelsk paragraph).

Lagre fila, og last inn nettleseren på nytt, så vi kan se resultatet. Nå vil du se at de to linjene dukker opp på to linjer, fordi nettleseren gjenkjenner de som to forskjellige avsnitt.

Tenk på HTML-innhold som en bok – bruk avsnitt der det passer.

Vektlegging

Du kan vektlegge, eller legge trykk på tekst i et avsnitt ved å bruke em (engelsk emphasis) og strong (strong importance).

Lag en ny p-tag under de to andre:

<p>Ja, det <em>er</em> spennende. <strong>Advarsel:</strong> grad av begeistring kan få hodet til å sprenge.</p>

Tradisjonelt sett vil nettleseren vise em som kursiv og strong som fet skrifttype, men de er ikke det samme som i og b tag’ene som står for kursiv (italics) og fet (bold). Bare for å hamre det hjem enda en gang – HTML er ikke for presentasjon. Hvis du vil legge trykk på noe visuelt – ved f.eks å gjøre det kursiv, så vil du gi det et generelt trykk. Du kan ikke snakke i kursiv.

Linjeskift

Du kan bruke line-break-tag’en for å skille linjer, slik:

Dette er min første webside<br>
Så spennende

Det er ikke noe innhold i et linjeskift, så her trenger vi ikke en lukke-tag.

Det kan være fristende å overbruke linjeskift, men br bør ikke brukes dersom to blokker med tekst er tenkt å skilles fra hverandre – det er forbeholdt p-tag’en.