HTML текст, размер шрифта, форматирование текста

или изучаем теги, форматирующие HTML текст

Вашему вниманию представлен один из ключевых и самых простых уроков самоучителя.

HTML текст является основной составляющей большинства страниц интернета.
По ключевым фразам в тексте HTML-страницы пользователи могут найти ваш сайт.
HTML текст может быть любого размера и цвета, по вашему усмотрению. Вы также можете определить вид шрифта и его объемность.
HTML размер шрифта обыкновенно устанавливается в пикселях.
HTML форматирование текста широко распространено, применяются форматирующие теги.

Смотрите ниже теги, форматирующие HTML текст:

Теги   → жирный HTML текст (жирный шрифт).
Теги   → жирный HTML текст (жирный шрифт).
Теги <kbd> </kbd> → моноширинный HTML текст (моноширинный шрифт).
Теги <code> </code> → моноширинный HTML текст (моноширинный шрифт).
Теги <samp> </samp> → моноширинный HTML текст (моноширинный шрифт).
Теги <big> </big> → HTML текст, размер больше обычного (крупный шрифт).
Теги   → HTML текст, размер меньше обычного (мелкий шрифт).
Теги   → наклонный HTML текст (наклонный шрифт).
Теги   → наклонный HTML текст (наклонный шрифт).
Теги <dfn> </dfn> → наклонный HTML текст (наклонный шрифт).
Теги <ins> </ins> → подчеркнутый HTML текст (подчеркнутый шрифт).
Теги <del> </del> → зачеркнутый HTML текст (зачеркнутый шрифт).
Теги   → HTML текст (шрифт) в нижнем индексе.
Теги   → HTML текст (шрифт) в верхнем индексе.

Содержание страницы

Список форматирующих текст тегов
HTML форматирование текста и шрифта
HTML размер шрифта и текста

HTML форматирование текста: зачеркнутый, подчеркнутый текст

<strong>... жирный шрифт</strong>

Результат: ... жирный шрифт

<code>... моноширинный шрифт</code>

Результат: ... моноширинный шрифт

<big>... размер шрифта больше обычного</big>

Результат: ... размер шрифта больше обычного

<small>... размер текста меньше обычного</small>

Результат: ... размер текста меньше обычного

<em>... наклонный шрифт</em>

Результат: ... наклонный шрифт

<ins>подчеркнутый текст (подчеркнутый шрифт)</ins>

Результат: подчеркнутый текст (подчеркнутый шрифт)

<del>зачеркнутый текст (зачеркнутый шрифт)</del>

Результат: ~~зачеркнутый текст (зачеркнутый шрифт)~~

<sub>нижний индекс</sub>

Результат: _{нижний индекс}

<sup>верхний индекс</sup>

Результат: ^{верхний индекс}

Cпособы форматирования, представленные выше, должны применяться только для небольших участков текста. Пользуйтесь CSS если хотите установить определенный шрифт для всей страницы, или для нескольких строк, например.

HTML размер шрифта и текста

Пример:

<html>

          <head>

          <title>HTML размер шрифта</title>

          </head>

          <body>

          <p style="font-size:9px">Текст высотой 9 пикселей</p>

          <p style="font-size:12px">Текст высотой 12 пикселей</p>

          <p style="font-size:15px">Текст высотой 15 пикселей</p>

          <p style="font-size:18px">Текст высотой 18 пикселей</p>

          </body>

          </html>

Результат:

Результат примера в новом окне: форматирование текста в HTML, размер шрифта

Атрибуты style="" со значениями есть линейные CSS включения.

Дело в том, что чистый HTML не используется при создании сайтов и нет никакого смысла тратить время на изучение некоторых его элементов, которые вы забудете, начав изучение второй ступени сайтостроения — Cascading Style Sheets. Такой подход существенно съэкономит ваше время! К тому же, в пятой, новой версии HTML, которая пока еще не получила официальный статус рекомендации, не поддерживаются теги  , с помощью которых в HTML 4.01 можно было установить размер шрифта.

Автор проекта - Вася Митин | Дата публикации: Октябрь 2009 | Обновление: Ноябрь 2018

HTML заголовки Текст и HTML размер шрифта Цвет HTML текста