Saitsami.ru

Форматирование текста на странице сайта, основные теги

  • Выделяем текст жирным, курсивом и подчеркиванием
  • Оформляем цитаты отдельно и в тексте
  • Эти разные заголовки
  • Отделение текста чертой

С помощью форматирование текста на странице можно добиваться того, чтобы текст выглядел более привлекательно и его было удобно читать. Форматирование текста делается при помощи тегов. Начнем.

 

Выделяем текст жирным, курсивом и подчеркиванием.

Если требуется выделить текст на странице жирным, то это можно сделать при помощи тега:

<b></b> – текст заключенный между этими тегами будет выделен жирным.

Выделение текста при помощи тега <b>

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

Выделение текста при помощи тега <strong>

<i></i> – текст заключенный между этими тегами будет выделен курсивом.

Выделение текста при помощи тега <i>

<em></em> – аналогичен <i>, отличие в нем также в акцентировании выделенного текста.

Выделение текста при помощи тега <em>

Следующий текст, который мы рассмотрим – это подчеркивание текста при помощи тега <u>.

<u></u> – все, что заключено между этими тегами, будет подчеркнуто.

Выделение текста при помощи тега <u>

 

Оформляем цитаты отдельно и в тексте.

Для оформления цитат используются теги <blockquote> и <cite>.

<blockquote></blockquote> – данный тег предназначен для выделения длинных цитат, текст заключенный внутри отображается как выровненный элемент с отступами слева и справа, а также сверху и снизу.

Выделение текста при помощи тега <blockquote>

<cite></cite> – этот тег выделяет текст, как цитату, текст заключенный внутри помечается курсивом.

Выделение текста при помощи тега <cite>

 

Эти разные заголовки.

Для того, чтобы разделять визуально текст, придуманы заголовки, их суть, акцентировать на себе свое внимание. В HTML можно выделить 6 разных заголовков. Это теги от <h1></h1> до <h6></h6>, у каждого заголовка должен быть открывающий и закрывающий тег, текст заключенный в них выделяется жирным и увеличен в размере, также браузер будет делать отступы перед и после заголовком.

Выделение текста при помощи тега <h1><h6>

 

Отделение текста чертой

Для отделения текста чертой используется тег <hr>. Он создает черту, если его поставить в конце текста, то браузер автоматически переведет строку, после проведет черту, если печатать текст после этого тега, то он, также буде начинаться с новой строки и расположится под чертой.

Выделение текста при помощи тега <hr>

Все эти примеры можно посмотреть по адресу: http://primer.saitsami.ru/2.html