Основные теги html Заголовки. Вывнивание по горизонтали.
Заголовки являются простым средством разметки текста, а именно изменения размера текста в зависимости от уровня заголовка. Обычно используется 6 тегов заголовков (начиная от Н1 до Н6) для выделения новых разделов и подразделов страницы. При этом Н1 имеет наибольший размер букв, следующий тег Н2 меньше и т.д. В примере на листинге 2 в HTML–файле продемонстрированы теги заголовков различных уровней.
Листинг 2.
<HTML> <HEAD> <TITLE> Заголовки
</TITLE> </HEAD> <BODY> <CENTER>
<H1> Заголовок 1 - го уровня</H1> <H2> Заголовок 2 - го уровня</H2>
<H3> Заголовок 3 - го уровня</H3> <H4> Заголовок 4 - го уровня</H4>
<H5> Заголовок 5 - го уровня</H5> <H6> Заголовок 6 - го уровня</H6>
</CENTER> </BODY> </HTML>
В строке <CENTER> используется тег CENTER, который центрирует по горизонтали в окне браузера содержание, заключенное между тегами <CENTER> и </CENTER>. Если этот тег не указать, то по умолчанию выравнивание производится по левой стороне. На рис.2 показан результат просмотра данного файла в окне браузера.
Рис. 2.
Часто требуется обеспечить выравнивание того или иного фрагмента текста (не только заголовков) либо по ширине страницы, либо по левому полю, либо по правому. Для этого в тегах можно использовать параметр align. Например, если значение align=JUSTIFY, то это соответствует выравниванию по ширине страницы. На листинге 3 приведен пример с использованием этого параметра, а результат отображения страницы в окне браузера на рис.3.
Листинг 3.
<HTML> <HEAD><TITLE> Заголовки</TITLE> </HEAD> <BODY>
<h3 align=center> Заголовки </h3>
<p align=JUSTIFY> Заголовки являются простым средством разметки текста, а именно изменения размера текста в зависимости от уровня заголовка. Обычно используется 6 уровней заголовков (начиная от Н1 до Н6) для выделения новых разделов и подразделов страницы. </p> </BODY> </HTML>
Рис.3.
Другие возможные значения для параметра align – left, right, center.
В имеющимся исходном тексте для отображения браузер сам регулирует количество пробелов. Если же необходимо ввести в текст один или несколько пробелов, то это можно сделать с помощью необходимого числа повторений кода -
Например, в рассмотренном выше примере можно следующим образом создать красную строку:
Заголовки являются простым средством
В дальнейшем мы увидим, как это можно выполнить более эффективным способом. На листинге 4 приведен файл с формированием красных строк в двух параграфах подобным образом.
Листинг 4.
<HTML> <HEAD> <TITLE>Отступ </TITLE> </HEAD> <BODY>
<P style="text-indent:50">
В последнее время часто можно услышать словосочетание Web-сервер и слово браузер. Web-сервер обозначает компьютер, который предоставляет другим компьютерам страницы гипертекста в ответ на их запрос. Когда этот гипертекст по линиям связи приходит на Ваш компьютер, то на нем должна быть уже загружена программа, которая гипертекст сможет правильно отобразить. </P>
<P style="text-indent:30">Известно, что HTML является языком разметки и используется для форматирования данных (текста и графических изображений) в сети Интернет.</P> </BODY> </HTML>
Как видно из данного фрагмента у параграфа задается свойство text-indent, которое определяет отступ красной строки. При этом задается величина красной строки в пикселах. Можно задать отступ красной строки в сантиметрах:
<P style="text-indent:1cm">
или в процентах от ширины экрана:
<P style="text-indent:15%">