Hoe maak je vetgedrukte en cursieve koppen in HTML

click fraud protection

Sluit stijlmarkeringen in voor cursief en vet in uw HTML header-code om de nadruk te leggen op uw lijst met onderwerpen.

Koppen

Koplabels zijn de eenvoudigste manier om uw document op te splitsen. Als u uw site als een krant beschouwt, dan zijn de koppen de koppen in de krant. De hoofdkop is een H1 en de daaropvolgende koppen zijn H2 tot en met H6.

Gebruik de volgende codes om de HTML te maken.

Dit is Kop 1


Dit is Kop 2


Dit is Kop 3


Dit is Kop 4


Dit is Kop 5

Dit is Kop 6

Houd uw koppen in een logische volgorde: H1 komt voor H2, die komt voor H3, enzovoort.

Maak je niet al te veel zorgen over hoe de koppen eruitzien - je zou CSS moeten gebruiken om stijl koppen in plaats van een kop in de verkeerde volgorde te gebruiken. Headline-tags zijn elementen op blokniveau, dus zetten ze regeleinden voor je in. Plaats geen alineatags in koptags.

Vet en cursief

Er zijn vier tags die u kunt gebruiken voor vet en cursief:

  • en voor vet
  • en voor cursief

Het maakt niet uit welke je gebruikt. Terwijl sommigen er de voorkeur aan geven

instagram viewer
en , vinden veel mensen voor "vet" en voor "cursief" gemakkelijker te onthouden.

Omring uw tekst gewoon met de openings- en sluitingstags om de tekst te maken stoutmoedig of cursief:

stoutmoedig
cursief

U kunt deze tags nesten (wat betekent dat u tekst zowel vet als cursief kunt maken) en het maakt niet uit welke de buitenste of binnenste tag is.

Bijvoorbeeld:

Deze tekst is vetgedrukt

Deze tekst is vetgedrukt

Deze tekst is cursief gedrukt

Deze tekst is cursief

Deze tekst is zowel vet als cursief

Deze tekst is zowel vet als cursief

Waarom er twee sets vetgedrukte en cursieve tags zijn

In HTML4, de en tags werden beschouwd als stijltags die alleen het uiterlijk van tekst beïnvloedden en niets zeiden over de inhoud van de tag, en het werd als een slechte vorm beschouwd om ze te gebruiken. Vervolgens kregen ze met HTML5 een semantische betekenis buiten het uiterlijk van de tekst.

In HTML5 hebben deze tags specifieke betekenissen:

  • geeft tekst aan die niet belangrijker is dan de omringende tekst, maar de typische typografische presentatie is vetgedrukte tekst, zoals trefwoorden in een samenvatting van een document of productnamen in een recensie.
  • geeft tekst aan die niet belangrijker is dan de omringende tekst, maar de typische typografische presentatie is cursieve tekst, zoals een boektitel, technische term of zin in een andere taal.
  • geeft tekst aan die van groot belang is in vergelijking met de omringende tekst.
  • geeft tekst aan die een nadrukkelijke nadruk heeft in vergelijking met de omringende tekst.

Cursief in kopteksten

Niets belet u om cursieve tags in een headertag te gebruiken, hoewel sommige browsers deze context kunnen verwijderen. Het is meestal beter om CSS te gebruiken om ervoor te zorgen dat u het visuele resultaat krijgt waarnaar u streeft.

instagram story viewer