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%

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

1+

Подписывайтесь на нашу группу и получайте видеоуроки

Планета Успеха

 

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

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

    0

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

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

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

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

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

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

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

      0

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

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