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/Вставка изображения