Продолжаем изучение тегов форматирования текста в HTML, рассматриваем новые возможности и подводим итоги предыдущих уроков.
Теги <small> и <big>
Тег <small> уменьшает размер шрифта текста, заключенного внутри него. Пример:
<p>Текст обычного размера.</p>
<p><small>Текст меньшего размера.</small></p>Тег <big> увеличивает размер шрифта:
<p>Текст обычного размера.</p>
<p><big>Текст большего размера.</big></p>Сочетание <small> и <big> позволяет создавать тексты с различным размером шрифта без использования CSS.
Тег <pre>
Тег <pre> выводит текст, сохраняя все форматирование, включая пробелы и символы перевода строки. Полезен для отображения кода:
<pre>
Это текст с множеством
пробелов и
переносов строк.
</pre>Теги для цитат: <blockquote> и <q>
Для выделения цитат используются теги <blockquote> и <q>. Тег <blockquote> создает объемную цитату с отступами (обычно 40 пикселей). Атрибут cite позволяет указать источник:
<blockquote>
<p>Текст цитаты.</p>
<cite>Источник цитаты</cite>
</blockquote>Тег <q> отображает короткую цитату в кавычках:
<p>Как сказал автор: <q>Текст цитаты.</q></p>Теги <hr> и <br>
<hr> — самозакрывающийся тег для создания горизонтальной линии:
<hr><br> — самозакрывающийся тег для перевода строки:
<br>Выводы
В этих двух уроках рассмотрены основные теги для работы с текстом в HTML. Для более продвинутого форматирования используется CSS. Продолжайте изучение!