Существует несколько стандартных тегов форматирования текста: жирный, курсив, зачеркнутый, подчеркнутый, верхний индекс и нижний индекс.
Ниже приведены теги, которые отвечают за это:
Тег | Описание | Код HTML | Результат |
<b>...</b> | (от английского bold) жирное начертание текста | <b>Текст</b> | Текст |
<strong>...</strong> | жирное начертание текста | <strong>Текст</strong> | Текст |
<i>...</i> | (от английского italic) курсивное начертание текста | <i>Текст</i> | Текст |
<em>...</em> | курсивное начертание текста | <em>Текст</em> | Текст |
<s>...</s> | (от английского strike out) зачеркнутый текст | <s>Текст</s> | |
<u>...</u> | (от английского underline) подчеркнутый текст | <u>Текст</u> | Текст |
<sup>...</sup> | (от английского superscript) верхний индекс | e=mc<sup>2</sup> | e=mc2 |
<sub>...</sub> | (от английского subscript) нижний индекс | H<sub>2</sub>O | H2O |
<pre>...</pre> | (от английского preformatted) специальный стиль для оформления текстов программ (моноширинный шрифт, остаются все пробелы и переходы на новую строку) | <pre>Текст<br> программы</pre> | Текст |
Форматированию подвержен текст, заключенный между открывающим и закрывающим тегами.
Любые теги форматирования текста можно использовать совместно друг с другом. Например, чтобы сделать текст одновременно жирным и курсивным используется сочетание тегов <b> и <i>.
Пример:
Задания
Задание 1
Используя теги форматирования текста и атрибуты тега <Font> получить следующий вид документа:
1. В файле index.html, используя теги форматирования и атрибуты тега <Font>, установить для текста значения, указанные на рисунке.
2. Сохранить файл index.html.
3. Нажать кнопку "Показать в браузере" на панели редактора.Hefs
4. Проверить правильность отображения страницы.
Выделение заголовков в тексте
Для выделения заголовков используются парные тэги от <H1> до <H6> (от английского header), то есть, уровень заголовка изменяется от от 1 до 6.
Тег | Код HTML | Результат |
<H1>...</H1> | <H1>Заголовок документа</H1> | Заголовок документа |
<H2>...</H2> | <H2>Заголовок раздела</H2> | Заголовок раздела |
<H3>...</H3> | <H3>Заголовок подраздела</H3> | Заголовок подраздела |
<H4>...</H4> | <H4>Заголовок параграфа</H4> | Заголовок параграфа |
<H5>...</H5> | <H5>Комментарий</H5> | Комментарий |
<H5>...</H6> | <H5>Авторские пометки</H6> | Авторские пометки |
Пример: