27.11.2020
HTML теги для текста: жирный шрифт, курсивный шрифт и подчеркивание текста

HTML теги для текста: жирный шрифт, курсивный шрифт и подчеркивание текста

 

Приветствую вас на «Планете Успеха»! Сегодня продолжим изучение html тегов для ручной верстки текста статей на сайтах (блогах), и изучим теги жирного и курсивного шрифта, а также тег подчеркивания текста.

HTML тег жирного шрифта strong

Жирный шрифт создается при помощи тегов:

<strong>…………..</strong>

В сверстанном виде текст будет выглядеть следующим образом:

<strong>Давайте рассмотрим основные горячие клавиши на нашей клавиатуре, сочетая которые мы сможем не только ускорить и сделать удобнее нашу работу за компьютером, но и комфортно пользоваться необходимыми функциями системы windows.</strong>

А на сайте (блоге) будет выглядеть вот так:

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

HTML тег курсивного шрифта em

Курсивный шрифт верстается тегами:

<em>……………</em>

Необходимую часть текста закрываем в эти теги:

<em>Давайте рассмотрим основные горячие клавиши на нашей клавиатуре, сочетая которые мы сможем не только ускорить и сделать удобнее нашу работу за компьютером, но и комфортно пользоваться необходимыми функциями системы windows.</em>

И получаем на блоге такой вид:

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

А если при верстке объединим теги жирного и курсивного шрифта вместе:

<em><strong>Давайте рассмотрим основные горячие клавиши на нашей клавиатуре, сочетая которые мы сможем не только ускорить и сделать удобнее нашу работу за компьютером, но и комфортно пользоваться необходимыми функциями системы windows.</strong></em>

То на сайте увидим уже такое оформление текста:

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

HTML тег подчеркивания текста u

Подчеркивание текста будем оформлять тегами:

<u>…………</u>

 

Теперь верстаем текст:

<u>Давайте рассмотрим основные горячие клавиши на нашей клавиатуре, сочетая которые мы сможем не только ускорить и сделать удобнее нашу работу за компьютером, но и комфортно пользоваться необходимыми функциями системы windows.</u>

И в опубликованной статье получим такое отображение:

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

Курсивный шрифт можно объединить с подчеркиванием текста:

<u><em>Давайте рассмотрим основные горячие клавиши на нашей клавиатуре, сочетая которые мы сможем не только ускорить и сделать удобнее нашу работу за компьютером, но и комфортно пользоваться необходимыми функциями системы windows.</em></u>

Получим на блоге:

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

Также жирный шрифт объединив с подчеркиванием текста:

<u><strong>Давайте рассмотрим основные горячие клавиши на нашей клавиатуре, сочетая которые мы сможем не только ускорить и сделать удобнее нашу работу за компьютером, но и комфортно пользоваться необходимыми функциями системы windows.</strong></u>

Увидим такой текст:

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

И наконец объединив все — жирный и курсивный шрифт с подчеркиванием текста:

<u><em><strong>Давайте рассмотрим основные горячие клавиши на нашей клавиатуре, сочетая которые мы сможем не только ускорить и сделать удобнее нашу работу за компьютером, но и комфортно пользоваться необходимыми функциями системы windows.</strong></em></u>

Получаем после публикации статьи:

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

Как видите, вариации применения этих тегов могут быть любые, в зависимости от того, как вы хотите оформить определенную часть текста в статье.

Применяйте html теги жирного и курсивного шрифта, а также подчеркивания текста при верстке статей для своих сайтов.

Успехов вам и до новых встреч!

Text.ru - 100.00%

Поделиться ссылкой:

10 комментариев к «HTML теги для текста: жирный шрифт, курсивный шрифт и подчеркивание текста»

  1. Юра, спасибо за новые знания! Про тег не знала, поэтому не применяла. Попробовала сейчас вставить и мне понравилось. Буду теперь постоянно использовать в статьях.

    1. Татьяна, спасибо за отзыв! Применяйте при необходимости html теги жирного, курсивного шрифта и подчеркивания текста в статьях у себя на блоге.

    1. Серней, применяйте при необходимости у себя на блоге в статьях теги html жирного, курсивного шрифта и подчёркивания текста.

  2. Юрий, спасибо за полезные тэги HTML для текста: жирный шрифт, курсивный шрифт и подчеркивание текста. Это как раз и нужно при написании статей на сайте. Полезная фишка! Взяла на заметку!

    1. Нина Михайловна, благодарю за отзыв! Рад был поделиться полезной информацией по оформлению текста на сайте! Применяйте при необходимости на своём блоге в публикациях html теги жирного, курсивного шрифта и подчеркивания текста. Успехов Вам!

  3. Мне всегда больше нравилась ручная вëрстка и применение различных HTML тегов.. И сейчас тоже остаюсь при своём мнении, несмотря на отсутствие такой возможности.. Юрий, спасибо за полезную информацию))

    1. Лариса, благодарю за отзыв! Мне приятно, что вам интересна информация по верстке! Ручная html верстка при правильном применении (знании html тегов и правильном их использовании) даёт чистый и красивый код на сайтах.

    1. Ирина, спасибо за комментарий. Применяйте при необходимости, где это нужно в тексте html теги жирного, курсивного шрифта и подчеркивания текста.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *