HTML/Элементы стиля шрифта

Курс HTML является частью курса «Основы создания сайтов». Обучение проводится по учебному плану.

Элементы стиля шрифта.

Теперь рассмотрим поподробнее элементы стиля шрифта. Текст форматируется, благодаря тегам: <b>, <i>, <u>, <big>, <small>, и главный из которых <font>. Рассмотрим каждый из тегов в действии.

Тег <b></b>

Устанавливает жирное начертание шрифта.

Пример

      <b>
         Hello, world! 
      </b>

Результат: Hello, world!

Тег <strong></strong>

Используется для смыслового выделения слов или фраз в тексте. Браузеры обычно отображают такой текст жирным.

Тег <i></i>

Устанавливает курсивное начертание шрифта.

Пример

      <i>
         Hello, world
      </i>

Результат: Hello, world!

Тег <u></u>

Добавляет подчеркивание к тексту.

Пример

   <u>
      Hello, world! 
   </u>

Результат: Hello, world!

Тег <big></big>

Тег ''<big>'' увеличивает размер шрифта на единицу по сравнению с обычным текстом. В HTML размер шрифта измеряется в условных единицах от 1 до 7, средний размер текста, используемый по умолчанию, принят 3. Таким образом, добавление тега ''<big>'' увеличивает текст на одну условную единицу.

Пример

   <big>
      Hello, world! 
   </big>

Результат: Hello, world!

Тег <small></small>

Тег ''<small>'' уменьшает размер шрифта на одну такую же условную единицу по сравнению с обычным текстом.

Пример

   <small>
      Hello, world! 
   </small>

Результат: Hello, world!

Тег <font></font>

Тег <font> представляет собой тег для изменения характеристик шрифта, таких как кегль, цвет и гарнитуру. Хотя этот тег до сих пор поддерживается всеми браузерами, он считается устаревшим и от его использования рекомендуется отказаться в пользу стилей CSS.

Атрибуты

• color — устанавливает цвет текста.
• face — определяет гарнитуру шрифта.
• size — Задает размер шрифта в условных единицах.

Пример

   <font color="#00FF22" face="Comic sans MS" size="5">
      Hello, world!
   </font>

Результат:
Hello, world!

Задания

1. На второстепенных страницах выделите ключевые слова с помощью тега strong.

Курс HTML

Предыдущий урок: HTML/Строки и параграфы — Следующий урок: HTML/Вставка изображения