Sådan oprettes fed og kursiv overskrift i HTML

Integrer typografiske markeringskoder til kursiv og fed skrift i din HTML header-kode for at lægge vægt på din emneliste.

Overskrifter

Overskriftskoder er den enkleste måde at opdele dit dokument på. Hvis du tænker på dit websted som en avis, er overskrifterne overskrifterne i avisen. Hovedoverskriften er en H1, og de efterfølgende overskrifter er H2 til H6.

Brug følgende koder til at oprette HTML.

Dette er overskrift 1


Dette er overskrift 2


Dette er overskrift 3


Dette er overskrift 4


Dette er overskrift 5

Dette er overskrift 6

Hold dine overskrifter i en logisk rækkefølge — H1 kommer før H2, som kommer før H3 osv.

Du skal ikke bekymre dig for meget om, hvordan overskrifterne ser ud - du skal bruge CSS til stiloverskrifter snarere end at bruge en overskrift ude af rækkefølge. Overskriftskoder er elementer på blokniveau, så de sætter linjeskift for dig. Sæt ikke afsnitstags i overskriftstags.

Fed og kursiv

Der er fire tags, du kan bruge til fed og kursiv:

  • og for fed
  • og til kursiv

Det betyder ikke noget, hvilken du bruger. Mens nogle foretrækker det

instagram viewer
og , finder mange mennesker for "fed" og for "kursiv" lettere at huske.

Du skal blot omslutte din tekst med de åbne og lukke tags for at skabe teksten fremhævet eller kursiv:

fremhævet
kursiv

Du kan rede disse tags (hvilket betyder, at du kan lave tekst både fed og kursiv), og det betyder ikke noget, hvilket er det ydre eller indre tag.

For eksempel:

Denne tekst er fed

Denne tekst er fed

Denne tekst er i kursiv

Denne tekst er kursiv

Denne tekst er både fed og kursiv

Denne tekst er både fed og kursiv

Hvorfor der er to sæt fed- og kursivmærker

I HTML4 er og tags blev betragtet som typemærker, der kun påvirkede udseendet af tekst og sagde intet om indholdet af tagget, og det blev betragtet som dårlig form at bruge dem. Derefter, med HTML5, fik de en semantisk betydning uden for tekstens udseende.

I HTML5 anvender disse tags specifikke betydninger:

  • betegner tekst, der ikke er vigtigere end den omgivende tekst, men den typiske typografiske præsentation er fed tekst, såsom nøgleord i et dokumentabstrakt eller produktnavne i en gennemgang.
  • angiver tekst, der ikke er vigtigere end den omgivende tekst, men den typiske typografiske præsentation er kursiv tekst, såsom en bogtitel, teknisk betegnelse eller sætning på et andet sprog.
  • betegner tekst, der har en stærk betydning i forhold til den omgivende tekst.
  • angiver tekst, der har en understreget stress i forhold til den omgivende tekst.

Kursiv i overskrifter

Intet udelukker dig fra at bruge kursive tags i et header-tag, selvom nogle browsere muligvis fjerner denne sammenhæng. Det er normalt bedre at bruge CSS for at sikre, at du opnår det visuelle resultat, du sigter efter.