Вашему вниманию представлен один из ключевых и самых простых уроков самоучителя.
HTML текст является основной составляющей большинства страниц интернета.
По ключевым фразам в тексте HTML-страницы пользователи могут найти ваш сайт.
HTML текст может быть любого размера и цвета, по вашему усмотрению. Вы также можете определить вид шрифта и его объемность.
HTML размер шрифта обыкновенно устанавливается в пикселях.
HTML форматирование текста широко распространено, применяются форматирующие теги.
Смотрите ниже теги, форматирующие HTML текст:
Теги <strong> </strong> → жирный HTML текст (жирный шрифт).
Теги <b> </b> → жирный HTML текст (жирный шрифт).
Теги <kbd> </kbd> → моноширинный HTML текст (моноширинный шрифт).
Теги <code> </code> → моноширинный HTML текст (моноширинный шрифт).
Теги <samp> </samp> → моноширинный HTML текст (моноширинный шрифт).
Теги <big> </big> → HTML текст, размер больше обычного (крупный шрифт).
Теги <small> </small> → HTML текст, размер меньше обычного (мелкий шрифт).
Теги <em> </em> → наклонный HTML текст (наклонный шрифт).
Теги <i> </i> → наклонный HTML текст (наклонный шрифт).
Теги <dfn> </dfn> → наклонный HTML текст (наклонный шрифт).
Теги <ins> </ins> → подчеркнутый HTML текст (подчеркнутый шрифт).
Теги <del> </del> → зачеркнутый HTML текст (зачеркнутый шрифт).
Теги <sub> </sub> → HTML текст (шрифт) в нижнем индексе.
Теги <sup> </sup> → HTML текст (шрифт) в верхнем индексе.
HTML форматирование текста: зачеркнутый, подчеркнутый текст
Code
<strong>... жирный шрифт</strong>
Результат: ... <strong>жирный шрифт</strong>
Code
<code>... моноширинный шрифт</code>
Результат: ... <code>моноширинный шрифт</code>
Code
<big>... размер шрифта больше обычного</big>
Результат: ...<big>размер шрифта больше обычного</big>
Code
<small>... размер текста меньше обычного</small>
Результат: ... <small>размер текста меньше обычного<small>
Code
<em>... наклонный шрифт</em>
Результат: ... <em>... наклонный шрифт</em>
Code
<ins>подчеркнутый текст (подчеркнутый шрифт)</ins>
Результат: <ins>подчеркнутый текст (подчеркнутый шрифт)</ins>
Code
<del>зачеркнутый текст (зачеркнутый шрифт)</del>
Результат: <del>зачеркнутый текст (зачеркнутый шрифт)</del>
Code
<sub>нижний индекс</sub>
Результат: <sub>нижний индекс</sub>
Code
<sup>верхний индекс</sup>
Результат: <sup>верхний индекс</sup>
Cпособы форматирования, представленные выше, должны применяться только для небольших участков текста. Пользуйтесь CSS если хотите установить определенный шрифт для всей страницы, или для нескольких строк, например.
HTML размер шрифта и текста
Пример:
Code
<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>
Результат:
Текст высотой 9 пикселей
Текст высотой 12 пикселей
Текст высотой 15 пикселей
Текст высотой 18 пикселей
HTML текст, подчеркнутый, зачеркнутый
Результат примера в новом окне: форматирование текста в HTML, размер шрифта
Атрибуты style="" со значениями есть линейные CSS включения.
Дело в том, что чистый HTML не используется при создании сайтов и нет никакого смысла тратить время на изучение некоторых его элементов, которые вы забудете, начав изучение второй ступени сайтостроения — Cascading Style Sheets. Такой подход существенно съэкономит ваше время! К тому же, в пятой, новой версии HTML, которая пока еще не получила официальный статус рекомендации, не поддерживаются теги <font> </font>, с помощью которых в HTML 4.01 можно было установить размер шрифта.