Конструкция DIV
Элемент <DIV>, столь любимый многими веб-дизайнерами и активно используемый
в процессе автоматического создания кода разметки веб-страниц практически всеми
визуальными и HTML-редакторами, пришел в стандарт HTML 4 из стилевых спецификаций
CSS. Этот тег предназначен для форматирования целых фрагментов содержимого документа
HTML и управления их свойствами. Причем этот тег оказывается действительно крайне
удобен в случае, если ваша веб-страница включает достаточно большое количество
однородных элементов, для каждого из которых требуется задать свой стиль оформления.
Представим себе такую ситуацию. Предположим, вы планируете разместить на своем
сайте текст, состоящий из трех абзацев, причем все абзацы должны быть позиционированы
по ширине экрана, и представлены посредством шрифта Verdana высотой в 12 пикселов.
На практике это означает, что каждый абзац должен предваряться конструкцией
вида <P ALIGN=”justify”><FONT SIZE=”12 px” FACE=”Verdana”>текст
абзаца</FONT color:rgb(255,153,0); >. А если таких текстовых блоков предполагается создать не
три, а, скажем, десять или пятнадцать? Не утомительно ли будет записывать указанные
выше директивы визуального оформления для каждого из них? Тег <DIV> позволяет
избежать столь рутинной и однообразной работы. Достаточно оформить весь содержащийся
в документе текст показанным ниже образом, и он будет единообразно отформатирован
так, как вам необходимо, и продемонстрирован в окне браузера с использованием
указанного шрифта требуемого размера:
|
|
Так будет выглядеть :
Текст абзаца-1
Текст абзаца-2
Текст абзаца-3
|
Пока нам достаточно знать, что тег <DIV> позволяет
задать позиционирование большого объема текста, разбитого на абзацы, что значительно
облегчает нам работу при публикации текстовой информации в Интернете. Очевидно
также, что использование параметра STYLE в сочетании с директивой <DIV>
открывает перед нами возможность форматировать не только текст, но и рисунки,
таблицы, списки, то есть фактически любое содержимое веб-страницы, требующее
стилевого оформления. Однако не будем бежать впереди паровоза: как только вы
освоите стандарт CSS, все эти возможности станут для вас самоочевидны.
Другие материалы по теме
| 
