Jak tworzyć nagłówki pogrubione i kursywą w HTML

Osadzaj znaczniki stylu z kursywą i pogrubieniem w swoim HTML kod nagłówka, aby podkreślić swoją listę tematów.

Nagłówki

Tagi nagłówków to najprostszy sposób dzielenia dokumentu. Jeśli myślisz o swojej witrynie jak o gazecie, to nagłówki są nagłówkami w gazecie. Główny nagłówek to H1, a kolejne nagłówki to H2 do H6.

Użyj poniższych kodów, aby utworzyć kod HTML.

To jest nagłówek 1


To jest nagłówek 2


To jest nagłówek 3


To jest nagłówek 4


To jest nagłówek 5

To jest nagłówek 6

Utrzymuj nagłówki w logicznej kolejności — H1 pojawia się przed H2, a przed H3 i tak dalej.

Nie przejmuj się zbytnio wyglądem nagłówków — powinieneś używać CSS, aby styl nagłówków zamiast używać niepoprawnego nagłówka. Tagi nagłówków są elementy blokowe, więc wstawiają dla Ciebie przerwy w wierszach. Nie umieszczaj znaczników akapitów wewnątrz znaczników nagłówków.

Pogrubienie i kursywa

Istnieją cztery znaczniki, których możesz użyć dla pogrubienia i kursywy:

  • i dla pogrubienia
  • i dla kursywy

Nie ma znaczenia, którego używasz. Chociaż niektórzy wolą

instagram viewer
i , wiele osób znajduje dla "pogrubienia" i dla "kursywa" łatwiejsze do zapamiętania.

Po prostu otocz swój tekst otwierającymi i zamykającymi znacznikami, aby tekst pogrubienie lub italski:

pogrubienie
italski

Możesz zagnieździć te znaczniki (co oznacza, że ​​możesz uczynić tekst zarówno pogrubionym, jak i kursywą) i nie ma znaczenia, który znacznik jest zewnętrzny czy wewnętrzny.

Na przykład:

Ten tekst jest pogrubiony

Ten tekst jest pogrubiony

Ten tekst jest kursywą

Ten tekst jest kursywą

Ten tekst jest zarówno pogrubiony, jak i kursywą

Ten tekst jest zarówno pogrubiony, jak i kursywą

Dlaczego istnieją dwa zestawy znaczników pogrubienia i kursywy?

W HTML4 i Tagi były uważane za tagi stylu, które wpływały tylko na wygląd tekstu i nie mówiły nic o zawartości tagu, a używanie ich było uważane za złą formę. Następnie, dzięki HTML5, nadano im znaczenie semantyczne poza wyglądem tekstu.

W HTML5 tagi te mają określone znaczenia:

  • oznacza tekst, który nie jest ważniejszy niż otaczający go tekst, ale typowa prezentacja typograficzna to tekst pogrubiony, taki jak słowa kluczowe w streszczeniu dokumentu lub nazwy produktów w recenzji.
  • oznacza tekst, który nie jest ważniejszy niż otaczający go tekst, ale typową prezentacją typograficzną jest tekst pisany kursywą, taki jak tytuł książki, termin techniczny lub fraza w innym języku.
  • oznacza tekst, który ma duże znaczenie w porównaniu z otaczającym tekstem.
  • oznacza tekst, który ma wyraźniejszy akcent w porównaniu z tekstem otaczającym.

Kursywa w nagłówkach

Nic nie stoi na przeszkodzie, aby używać znaczników kursywy w znaczniku nagłówka, chociaż niektóre przeglądarki mogą usunąć ten kontekst. Zwykle lepiej jest używać CSS, aby zapewnić sobie pożądany efekt wizualny.

instagram story viewer