В этом уроке мы подробнее остановимся на свойствах текста, научимся выделять абзацы, заголовки и.т.д. Основными элементами форматирования текста в html являются:
P - используется для разметки параграфов в html документах. Атрибуты: ALIGN - определяет способ горизонтального выравнивания параграфа . Приведу пример: Если внутри тела документа написать следующее:
То при просмотре в браузере получим следующее:
Примечание: следите чтобы содержимое в кавычках было написано без пробелов, т.е. <p align="right"> а не <p align=" right "> иначе не будет работать! H1,H2,...H6 - Применяются для разбивания текста на смысловые уровни - разделы и подразделы. Существует шесть уровней заголовков, различающихся по величине шрифта.Атрибуты: ALIGN - определяет способ горизонтального выравнивания заголовков. Приведу пример: Если внутри тела документа написать следующее:
То при просмотре в браузере увидим: Примечание: закрывающий тег обязателен! BR - данный элемент осуществляет перенос строки. Не имеет закрывающего тега.Приведу пример: Если внутри тела документа написать следующее:
Увидим следующее:
Как вы наверное заметили, при переносе строки не начинается новый параграф! Перенос- он и есть перенос! DIV - В современном сайтостроении используется как удобный контейнер для блоков html кода страницы, которым легко динамически манипулировать – перемещать, регулировать отступы, скрывать и т.п. Обязателен закрывающий тег! Атрибуты: ALIGN - определяет способ горизонтального выравнивания контейнера.
Допустим нам нужно выровнять первые две строчки текста из предыдущего примера по правому краю, не выделяя при этом их в абзац. Как это сделать?
Что мы увидим:
Т.е. мы взяли две строчки кода, заключили их в контейнер DIV и выравняли его по правому краю! Так же само, можно заключить в контейнер и 20 и 50 и более строчек и манипулировать ими. Примечание: Находящиеся между начальным и конечным тегами текст или HTML-элементы выделяются как бы в отдельный параграф(но отступы гораздо меньше). SPAN - Используется для выделения части информации и придания ей различных стилей. Закрывающий тег обязателен!Сам по себе, без использования стилей, элемент SPAN никакого смысла не имеет! Например:
Таким образом с помощью элемента SPAN можно хоть каждой букве в тексте присвоить разный стиль(цвет, размер, и.т.д.) По материалам: http://zvirec.com | ||||||||||||||
| ||||||||||||||
Просмотров: 528 | | |
Всего комментариев: 0 | |