Jak vytvořit tučné a kurzíva nadpisy v HTML

Vložte do svého značkovací značky stylu pro kurzívu a tučné písmo HTML kód záhlaví pro zvýšení důrazu na váš seznam předmětů.

Nadpisy

Značky záhlaví představují nejjednodušší způsob rozdělení dokumentu. Pokud si o svém webu myslíte, že jsou noviny, nadpisy jsou titulky v novinách. Hlavní nadpis je H1 a následující nadpisy jsou H2 až H6.

K vytvoření HTML použijte následující kódy.

Toto je nadpis 1


To je nadpis 2


To je nadpis 3


To je nadpis 4


To je nadpis 5

Toto je okruh 6

Udržujte své nadpisy v logickém pořadí - H1 předchází H2, před H3 atd.

Nedělejte si příliš starosti s tím, jak nadpisy vypadají - měli byste použít CSS styl titulky namísto použití nadpisu mimo pořadí. Značky nadpisů jsou prvky na úrovni bloku, takže vám dávají řádky. Nevkládejte značky odstavců do značek nadpisů.

Tučné písmo a kurzíva

Existují čtyři značky, které můžete použít pro tučné a kurzíva:

  • a pro tučné
  • a kurzíva

Nezáleží na tom, které používáte. Zatímco někteří dávají přednost a , najde mnoho lidí pro „tučné“ a pro „kurzívu“ lépe zapamatovatelné.

instagram viewer

Jednoduše text obklopte otevíracími a zavíracími značkami, abyste text vytvořili tučně nebo kurzíva:

tučně
kurzíva

Tyto značky můžete vnořit (což znamená, že můžete vytvořit text tučně i kurzívou) a nezáleží na tom, která značka je vnější nebo vnitřní.

Například:

Tento text je tučně

Tento text je tučně

Tento text je kurzívou

Tento text je kurzívou

Tento text je zvýrazněn tučně i kurzivou

Tento text je zvýrazněn tučně i kurzivou

Proč existují dvě sady tučných a kurzivních značek

V HTML4 je a tagy byly považovány za tagy stylu, které ovlivňovaly pouze vzhled textu a neříkaly nic o obsahu tagu, a jejich použití bylo považováno za špatnou formu. Poté jim s HTML5 byl dán sémantický význam mimo vzhled textu.

V HTML5 mají tyto značky konkrétní význam:

  • označuje text, který není důležitější než okolní text, ale typickou typografickou prezentací je tučný text, například klíčová slova v abstraktu dokumentu nebo názvy produktů v recenzi.
  • označuje text, který není důležitější než okolní text, ale typickou typografickou prezentací je kurzíva, například název knihy, odborný výraz nebo fráze v jiném jazyce.
  • označuje text, který má velký význam ve srovnání s okolním textem.
  • označuje text, který má ve srovnání s okolním textem důraz.

Kurzíva v záhlaví

Nic vám nebrání v použití značek kurzívou ve značce záhlaví, i když některé prohlížeče mohou tento kontext odstranit. Obvykle je lepší použít CSS k zajištění vizuálního výsledku, na který míříte.

instagram story viewer