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

Tworzenie sekcji projektu na swojej stronie

Stewf/Flikr/CC BY 2.0

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.

|_+_|

Utrzymuj nagłówki w logicznej kolejności — H1 znajduje się przed H2, które poprzedza H3 i tak dalej.

Nie przejmuj się zbytnio wyglądem nagłówków — powinieneś używać CSS, aby styl nagłówków zamiast używania 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:

oraz dla pogrubienia
• oraz dla kursywy

Nie ma znaczenia, którego używasz. Chociaż niektórzy wolą oraz , 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 pogrubienielub 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 kursywą

|_+_|

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

|_+_|

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

W HTML4 oraz 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.