школа по созданию сайтов


Форматирование текста в HTML

Форматирование текста начинается с разбивки его на абзацы. Для этого существует основной парный тег «p» «/p». Условимся, что для удобства изложения мы будем приводить обозначения тегов взятыми в кавычки – вместо угловых скобок, - в исходном коде Вы должны писать все теги без кавычек и заключёнными в угловые скобки «< >».

Каждый абзац текста в HTML, как правило, заключается в теги абзаца, однако Вы также вскоре узнаете и другие способы формирования абзацев. Тег абзаца не только отделяет абзац от предыдущего текста, а также текста следующего за ним, но по умолчанию задаёт определённые визуальные интервалы до и после абзаца.

Каждый абзац может иметь атрибуты: выравнивание, отступы, интервалы. Атрибуты абзаца записываются внутри самого открывающего абзац тега. Если в теге абзаца атрибуты не записаны, то они всё равно приняты по умолчанию – текст в этом случае выравнивается по левому краю от границы формата полосы текста. Формат полосы, т.е. заданная область на экране для вывода текста и графики задаётся в процессе вёрстки, о которой речь пойдёт в одном из следующих уроков. Изначально в Вашем распоряжении весь экран Вашего монитора и поэтому формат полосы – это по сути границы экрана. Если назначить выравнивание текста по правому краю, то текст будет «плясать» от правой границы дисплея. Выравнивание можно задать и «по ширине» и «по центру».

Примечание: можно представить все действия и манипуляции, которые Вы можете совершать с абзацами и текстом по аналогии с самым популярным на данный момент текстовым и одновременно графическим редактором MS Word. Только в HTML Ваши возможности, несмотря на скромность его описания в блокноте, куда больше! Всё зависит от Вашей фантазии. Фактически Вы сами сможете придумать любую редакцию любого документа.

Итак, выравнивание текста задаётся командой align="…", где вместо «…» (многоточия) указывается способ выравнивания: по левому краю (left), по центру (center), по правому краю (right), или по ширине (justify).

По умолчанию, если не назначено иное, изначально браузер принимает выравнивание по левому краю. Поэтому по левому краю текст выравнивать не обязательно. Новый абзац также сам может начинаться с отступа от границы выравнивания, который показывает начало красной строки. Самый простой способ задания отступа – это подставка кода пробела перед основным текстом. Специальный пробел в HTML задаётся сочетанием символов: &nbsp; (без угловых скобок). Кстати, отступы (интервалы) между абзацами Вы можете расширять тегом «br /».

Теперь проникнем внутрь абзаца. Сразу оговоримся, что для всех этих действий, которые мы совершаем с текстом, абзацами и будем совершать с картинками и всем остальным, конечно уже давно придуманы и существуют визуальные редакторы, которые позволяют не изнурять себя часами за ковырянием в коде примитивного (на первый взгляд) блокнота. Такие программы, как например, Macromedia Dreamweaver, потрясающе удобны и в них реализованы функции подсветки кода, ошибок и мгновенного синхронного отображения результата, присутствует куча заготовок, шаблонов и прочих вещей. Вы с легкостью сможете создавать сайты в этих программах, но при условии, что знаете основы HTML.











Macromedia Dreamweaver


© www.1artsite.com | Все права защищены.
© Создание сайта Сергей Меркоев, 2010-2014 гг.