Для того чтобы менять вид текста используется довольно немало различных тегов.
Но основные, как показывает практика, наиболее применяемые элементы форматирования текста в html являются:
h1,h2,..h6
Используются для разбивания текста на смысловые уровни – разделы и подразделы. Существует всего шесть уровней заголовков, каждый и которых можно различить по величине шрифта.
Атрибуты:
ALIGN – определяет способ горизонтального выравнивания заголовков.
Возможные значения: left, center, right. По умолчанию (если без атрибута) – left.
Например, если внутри тела документа написать следующее:
<h1>Как сделать сайт</h1>
<h2>Как сделать сайт</h2>
<h3>Как сделать сайт</h3>
<h4>Как сделать сайт</h4>
<h5>Как сделать сайт</h5>
<h6>Как сделать сайт</h6>
То при просмотре в браузере увидим:
P
Используется для разметки параграфов в html документах.
Атрибуты:
ALIGN – определяет способ горизонтального выравнивания параграфа .
Возможные значения: left, center, right, justify. Это соответственно по левому краю, по центру, по правому краю, и по ширине .По умолчанию имеет значение left.
Например:
<p align=”center”> Данный текст будет центре </p>
<p align=”left”> Этот по левому краю</p>
<p > Этот тоже по левому </p>
<p align=”right”> Этот текст будет по правому краю</p>
<p align=”justify”> В данном случает текст будет одновременно по левому и правому краям документа </p>
То при просмотре в браузере получим следующее (кликабельно):
BR
Данный элемент осуществляет перенос строки.
Например:
Вот первая строчка <br>
вторая <br>
а это третья
Увидим следующее:
DIV
Применяется для блоков html кода страницы, которым легко управлять.
Атрибуты:
ALIGN – определяет способ горизонтального выравнивания контейнера.
Возможные значения: left, center, right, justify. Это соответственно по левому краю, по центру, по правому краю, и по ширине.
Например:
<div align=”right”>
Сначала идет первая строчка <br> Потом вторая <br>
</div>
И наконец, третья
<p>
А это параграф и внутри него можно использовать тег <br> для переноса строки </p>
Что мы увидим:
Здесь две первые строки заключены с помощью тега DIV и с помощью атрибута <div align=”right”> расположились по правому краю.
SPAN
Необходим для выделения части информации и придания ей разных стилей.
Например:
При желании научиться <span style=”color:red;” > Создавать сайты </span> может любой!
В данном случае добавлен стиль красного цвета. В итого мы увидим:
Следующая страница – Оформление текста в html
Предыдущая – Создаем свою первую web-страницу