HTML, XHTML и CSS на 100%. Игорь Квинт

Чтение книги онлайн.

Читать онлайн книгу HTML, XHTML и CSS на 100% - Игорь Квинт страница 13

Автор:
Жанр:
Серия:
Издательство:
HTML, XHTML и CSS на 100% - Игорь Квинт

Скачать книгу

style="font-size:15px;">      <h2 align="justify">Заголовок 2 уровня</h2>

      <h3 align="left">Заголовок 3 уровня</h3>

      <h4 align="right">Заголовок 4 уровня</h4>

      <h5>Заголовок 5 уровня</h5>

      <h6 title="Заголовок 6 уровня">Заголовок 6 уровня</h6>

      </body>

      </html>

      На рис. 2.1 показан результат обработки листинга 2.1 браузером.

      Рис. 2.1. Вид заголовков

      На рис. 2.1 видно различие между заголовками разного размера. В принципе, придать тексту подобный вид можно с помощью управления обычным текстом, но, поскольку поисковики воспринимают текст заголовков как важный, имеет смысл для выделения важной информации использовать именно элементы заголовков.

      При отображении заголовок всегда начинается с новой строки, а после него всегда идет новая строка – это отделяет заголовок от остального текста.

      Для управления другими моментами отображения заголовков, например цветом или шрифтом, используется CSS. Поэтому в элементах H1-H6 разрешено использовать атрибуты style и class, которые подключают стили.

      После того как заголовки созданы, можно добавить к ним немного обычного текста, который нужно логически разбить на абзацы.

      2.2. Создание абзацев

      Абзацы, как известно, делят текст на логические части и на письме выделяются отступом от края листа. В HTML абзацы отделяются друг от друга расстоянием в одну строку.

      Для организации абзацев в HTML предусмотрен элемент P, который подразумевает наличие закрывающего тега. Элемент P, наверное, является самым востребованным – наибольшее количество текста, представленного в Интернете, находится внутри элемента P.

      Для управления внешним видом текста абзацев в основном используются таблицы стилей, однако небольшое редактирование можно выполнить и с помощью HTML.

      Для элемента P можно задать атрибут, определяющий выравнивание. Он называется align и может принимать следующие значения.

      • center – выравнивание по центру. При таком виде выравнивания текст прижимается к центру экрана, образуя рваные края. Не стоит использовать подобное выравнивание для текста большого объема, потому что его будет неудобно читать.

      • left – выравнивание по левому краю. Текст прижимается к левому краю окна браузера, а справа остаются неровные края. Это самый обычный вид выравнивания, текст такого вида достаточно легок для чтения.

      • right – выравнивание по правому краю. Текст прижимается к правому краю экрана, образуя неровные края слева. Такое выравнивание подойдет небольшим эпиграфам. Читать большой текст, выровненный таким образом, будет неудобно.

      • justify – выравнивание по ширине. Пробелы между словами автоматически регулируются таким образом, чтобы текст прижимался к левому и правому краям окна. Этот вид выравнивания является наилучшим для больших объемов текста, отсутствие рваных краев слева и справа придает ему аккуратный вид.

      Кроме выравнивания, для абзаца можно задать всплывающую подсказку, которая появляется при наведении указателя мыши на текст. Подсказка создается с помощью атрибута

Скачать книгу