Главная страница Случайная страница КАТЕГОРИИ: АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника |
Урок 3: Работаем с текстом
В предыдущем уроке мы создали свою первую простейшую страничку. Если вы возьмете и скопируете текст данного урока от начала и до первой картинки, и вставите его в свою первую страничку, то вы увидите примерно следующее: Как вы заметили текст идет слитно, без разделений на абзацы, также ничего не выделено заголовком, короче форматирование отсутствует! Т.е. чтобы Браузер правильно отображал текст, необходимо задать его форматирование. Основными элементами форматирования текста в html являются:
P - используется для разметки параграфов в html документах. Атрибуты: ALIGN - определяет способ горизонтального выравнивания параграфа. Приведу пример: Если внутри тела документа написать следующее: < p align=" center" > Этот параграф по центру < /p> То при просмотре в браузере получим следующее:
Примечание: следите чтобы содержимое в кавычках было написано без пробелов, т.е. < p align=" right" > а не < p align=" right " > иначе не будет работать!
↑ Наверх ↑ H1, H2,...H6 - Применяются для разбивания текста на смысловые уровни - разделы и подразделы. Существует шесть уровней заголовков, различающихся по величине шрифта. Атрибуты: ALIGN - определяет способ горизонтального выравнивания заголовков. Приведу пример: Если внутри тела документа написать следующее: <! -- примеры заголовков от 1 до 6 уровня--> < h1> Большой заголовок < /h1> То при просмотре в браузере увидим: Примечание: закрывающий тег обязателен! ↑ Наверх ↑
BR - данный элемент осуществляет перенос строки. Не имеет закрывающего тега. Приведу пример: Если внутри тела документа написать следующее: Начинается первая строка < br> Увидим следующее:
Как вы наверное заметили, при переносе строки не начинается новый параграф! Перенос- он и есть перенос! ↑ Наверх ↑ DIV - В современном сайтостроении используется как удобный контейнер для блоков html кода страницы, которым легко динамически манипулировать – перемещать, регулировать отступы, скрывать и т.п. Обязателен закрывающий тег! Атрибуты: ALIGN - определяет способ горизонтального выравнивания контейнера.
Допустим нам нужно выровнять первые две строчки текста из предыдущего примера по правому краю, не выделяя при этом их в абзац. Как это сделать? < div align=" right" > Что мы увидим:
Т.е. мы взяли две строчки кода, заключили их в контейнер DIV и выравняли его по правому краю! Так же само, можно заключить в контейнер и 20 и 50 и более строчек и манипулировать ими. Примечание: Находящиеся между начальным и конечным тегами текст или HTML-элементы выделяются как бы в отдельный параграф(но отступы гораздо меньше). Например: Пока что вы читаете текст на первой строке < div> Но теперь уже на второй < /div> А теперь уже на третей Результат:
|