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!
Задания
- На второстепенных страницах выделите ключевые слова с помощью тега strong.
| Курс HTML |
| Предыдущий урок: HTML/Строки и параграфы — Следующий урок: HTML/Вставка изображения |