HTML-Hajen

Fed skrift med HTML








Grundliggende fed skrift

Der er flere måder at lave fed skrift på. Den simpleste og ofte bedste er tag'en <B>. Den findes i en anden version der hedder <STRONG>. De to giver den samme effekt, nemlig fed skrift. Ud fra et programmeringssynspunkt er <B> at foretrække, fordi den fylder mindre i programlinjerne og dermed er mindre forstyrrende når man arbejder med kildekoderne. I den sidste ende er det en smagssag om man vil bruge det ene eller det andet.

Et stykke tekst med fed skrift vil som kode se således ud:

Her er der normal tekst, <B>her bliver teksten fed med B-tag'en,</B> og her bliver den normal igen.

Her er der normal tekst, <STRONG>her bliver teksten fed med STRONG-tag'en,</STRONG> og her bliver den normal igen.

På siden, når den vises, ser det således ud:

Her er der normal tekst, her bliver teksten fed med B-tag'en, og her bliver den normal igen.

Her er der normal tekst, her bliver teksten fed med STRONG-tag'en, og her bliver den normal igen.


Styling med fed skrift

En metode der giver flere muligheder er STYLE="font-weight:bold". Styles er en måde at modulere tags, f.eks. hvis man vil have et afsnit skrevet med fed skrift: <P STYLE="font-weight:bold"> </P>. Metoden har to fordele:

1. Ved mere komplekse elementer er det lettere at styre formateringen.
2. Metoden gør det muligt at style med cascading style sheets (CSS)


Et stykke tekst med fed skrift, her sat på tag'en SPAN, vil som kode se således ud:

Her er der normal tekst, <SPAN STYLE="font-weight:bold">her bliver teksten med fed skrift,</SPAN> og her bliver den normal igen.

Resultatet bliver:

Her er der normal tekst, her bliver teksten med fed skrift, og her bliver den normal igen.


Officielt er der flere muligheder for formatering med font-weight f.eks. bolder som skulle give ekstra fed skrift (se nedenstående tabel). Det er mulig, at formateringen virker hvis man under deklaration af dokumenttypen vælger noget andet end strict ved HTML 4, men under HTML 4 strict virker det ikke. Ved HTML 5, virker det delvist, ved de nyere versioner af browserne. Hvis man bruger font-weight:bolder, ser man ikke nogen ekstrafed skrift, men bruger man font-weight:900, fungere det fint for de nyere version af browserne.


VærdiBeskrivelse
normalDefinerer normale typer. Dette er default
boldDefinerer fede typer
bolderDefinerer ekstrafede typer
lighterDefinerer tyndere typer
100
200
300
400
500
600
700
800
900
Definerer tynde til fede typer. 400 er det samme som normal, og 700 er det samme som fed.