Как да създадем удебелени и курсивни заглавия в HTML

Вградете етикети за маркиране на стил за курсив и удебелен шрифт във вашия HTML заглавен код, за да добавите акцент към вашия списък с теми.

Заглавия

Заглавните маркери са най-простият начин за разделяне на вашия документ. Ако мислите за вашия сайт като за вестник, тогава заглавията са заглавията във вестника. Основното заглавие е H1, а следващите заглавия са H2 до H6.

Използвайте следните кодове, за да създадете HTML.

Това е заглавие 1


Това е функция 2


Това е заглавие 3


Това е функция 4


Това е функция 5

Това е функция 6

Поддържайте заглавията си в логичен ред - H1 идва преди H2, който идва преди H3 и т.н.

Не се притеснявайте твърде много за това как изглеждат заглавията - трябва да използвате CSS стил заглавия вместо да използва заглавие извън ред. Маркерите на заглавието са елементи на ниво блок, така че те поставят редове за вас. Не поставяйте етикети на абзаци вътре в маркери на заглавия.

Удебелен и курсив

Има четири маркера, които можете да използвате за получер и курсив:

  • и за смели
  • и за курсив
instagram viewer

Няма значение кой използвате. Докато някои предпочитат и , много хора намират за "получер" и за "курсив" по-лесно за запомняне.

Просто обградете текста си с отварящите и затварящите тагове, за да го направите смело или курсив:

смело
курсив

Можете да влагате тези етикети (което означава, че можете да направите текст както получер, така и курсив) и няма значение кой е външният или вътрешният етикет.

Например:

Този текст е получер

Този текст е получер

Този текст е в курсив

Този текст е в курсив

Този текст е едновременно получер и курсив

Този текст е едновременно получер и курсив

Защо има два комплекта етикети с удебелен шрифт и курсив

В HTML4, и таговете се считаха за стилови тагове, които засягат само външния вид на текста и не казват нищо за съдържанието на маркера и се счита за лоша форма да се използват. След това, с HTML5, те получиха семантично значение извън външния вид на текста.

В HTML5 тези маркери използват специфични значения:

  • обозначава текст, който не е по-важен от околния текст, но типичното типографско представяне е удебелен текст, като ключови думи в резюме на документ или имена на продукти в рецензия.
  • обозначава текст, който не е по-важен от околния текст, но типичното типографско представяне е курсив, като заглавие на книга, технически термин или фраза на друг език.
  • обозначава текст, който има силно значение в сравнение с околния текст.
  • обозначава текст, който има подчертан стрес в сравнение с околния текст.

Курсив в заглавки

Нищо не ви пречи да използвате курсивни маркери в заглавен таг, въпреки че някои браузъри могат да премахнат този контекст. Обикновено е по-добре да използвате CSS, за да сте сигурни, че получавате визуалния резултат, към който се стремите.