Любые тексты, будь то школьное сочинение, заметка в газете или техническое описание устройства имеют определённую структуру. Элементами такой структуры являются заголовки, подзаголовки, таблицы, абзацы и т.д. HTML-документы не являются исключением из этого правила.
Простейшее форматирование HTML-документа можно разбить на два раздела :
" Логическое форматирование текста " - т.е. представление всего текста на экране монитора. Сюда входит работа с абзацами, строками, центрирование текста;
" Форматирование текста " - непосредственно работа с текстом, установление шрифта, цвета, размера, отображение текста наклонным, полужирным и т.д.;
Форматирование HTML - документа
Форматирование текста
Логическое форматирование текста
Также будет раскрыта более сложная тема - логическое форматирование текста, т.е. выделение логически значимых частей текста.
<P> </p> Элемент абзаца ( paragraph ) - один из самых полезных. Он позволяет использовать только начальный тег, так как следующий элемент P обозначает конец предыдущего и начало следующего абзаца. Конечный тег удобно использовать в тех случаях, когда по смыслу удобно обозначить конец абзаца. В некоторых случаях удобно ставить стартовый тег в конце строки: он не только укажет конец абзаца, но и выполнит функцию элемента <BR> (разрыв строки). Например:
<P> Текст первого абзаца.
<P> Текст второго абзаца. </p>
Текст третьего абзаца. <P>
Вместе с элементом P можно использовать атрибут выравнивания align :
align="left" - выравнивание по левому краю; align="center" - выравнивание по центру; align="right" - выравнивание по правому краю; align="justify" - выравнивание по ширине;
Абзацы форматируются браузером, и их вид зависит, в частности, от размера окна программы.
Два следующих элемента позволяют внести некоторую определённость в форматы абзацев.
<BR> Элемент, обеспечивающий принудительный переход на новую строку. Он имеет только стартовый тег. В месте его размещения строка заканчивается, а оставшийся текст печатается с новой строки.
<NORB> </norb> Этот элемент по своему действию является прямой противоположностью предыдущему. Текст, заключённый между его тегами, будет выведен в одну строку. Длинная строка не уместится на экране и для ее просмотра придётся использовать горизонтальную полосу прокрутки.
<BLOCKQUOTE></blockquote> Обозначение цитаты. Этот элемент требует наличия конечного тега. Текст не претерпевает никаких изменений, но абзац располагается с отступом. Пример: Текст без отступа.
Текст с отступом.
<CENTER> </center> Элемент для центрирования текста, а точнее, любого содержимого (рисунка, таблицы, списка и т.д.).
<DIV> </div> Элемент, похожий на предыдущий. Он позволяет выравнивать содержимое по левому краю, по центру или по правому краю. Для этого стартовый тег должен содержать соответствующий атрибут:
align="left" - выравнивание по левому краю; align="center" - выравнивание по центру; align="right" - выравнивание по правому краю;
<H1></h1> Элемент заголовка. Существует шесть уровней заголовков, которые обозначаются H1...H6 . Заголовок уровня 1 самый крупный, а уровень 6 обеспечивает самый мелкий заголовок. Представление об относительных размерах можно увидеть на странице-примере. Для заголовков можно использовать атрибут, задающий выравнивание влево, по центру или вправо:
align="left" - выравнивание по левому краю; align="center" - выравнивание по центру; align="right" - выравнивание по правому краю;
<HR> Элемент создающий горизонтальную линию. Горизонтальная линия (horizontal rule) - очень часто используемый элемент. Во-первых, потому, что с его помощью очень удобно делить страницу на части. Во-вторых, выбор таких элементов страницы у автора очень небольшой. Действительно в HTML практически отсутствуют подобные конструкции, а вот для горизонтальной линии почему-то было сделано исключение. Правда, несмотря на некоторую скупость языка в этой области, можно придумать немало стандартных графических образов, которые разнообразили бы вид страниц. Элемент не имеет конечного тега, но допускает ряд атрибутов для выравнивания влево, по центру, вправо, по ширине:
align="left" align="center" align="right"
Можно задать толщину линии:
size="Толщина в пикселях"
Можно управлять длиной линии:
width="Длина в пикселах" width="Длина в процентах"
Можно выбирать цвет:
color="Цвет"
Вот образец выполнения кода <hr align="right" width="50" size="50" color="red">
