Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31


Чувашия-это моя Россия

Универсальный элемент div в HTML.

Универсальный элемент тег div относится к универсальным блочным контейнерам и применяется в тех случаях, где нужны блочные элементы без дополнительных свойств. С помощью тега div легко и просто выравнивать текст внутри этого контейнера с помощью атрибута align. Сегодня уровень развития сайтостроения поднялся на вершину невозможного, потому как управление свойствами тегов достигается в один-два клика, легко и просто, одно удовольствие. Но заметьте легко писать, просто говорить, но понять суть предмета ох как трудно и добивается потом и временем.

Универсальный элемент div < div>...< /div>. атрибуты ( id, class, style, title); так как div является блочным элементом, его содержание начинается с новой строки; элемент div раскрываются по-настоящему в сочетании с каскадными таблицами стилей CSS. Создав элемент div и присвоив ему имя, Вы можете применять стили ко всему его содержимому или рассматривать его как поле, которое можно разместить на странице для формирования нового столбца текста страниц сайта.

Элемент div вызывается в любом скрипте, апплете или другом виде обработки. При этом к этому элементу можно присвоить все стилевые свойства, которые имеются в распоряжении CSS( каскадных таблиц стилей) и не только.

Если отметить раздел текста элементом div в HTML и присвоить ему имя при помощи атрибутов id и class, то по сути мы получим новый HTML-элемент страниц сайта. Вот, пример:

                 < div id="sidebar">
                 < ul>
                      < li>Первая пачка.< /li>
                      < li>Вторая пачка.< /li>
                      < li>Третья пачка.< /li>
                  < /ul>
                  < /div>

С блочным элементом div в HTML будет связано удивительное оформление страниц сайта. Очень универсальный блочный элемент.

В дальнейшем Вы увидите, что страница сайта создается из так называемых свободно размещенных элементов, в данном случае, блоков div. И для левой колонки, и для центральной колонки, так и правой колонки. И при том и так называемый footer тоже создается при помощи блочного элемента div. Конечно, каждый блочный элемент при этом должен идентифицириваться по-своему и отличаться от другий блочных элементов на странице сайта. Как говорили Вам, что это достигается атрибутом id. И никаких сложностей в понимании сути не вызывает.

                    < body>
                    < div id="nav">....
                    < /div>
                    < div id="sidebar1">...
                    < /div>
                    < div id="content">...
                    < /div>
                    < div id="sidebar2">...
                    < /div>
                    < div id="copy">...
                    < /div>
                    < /body>
                    
              Вот, Вам и кусочек кода программы при создании сайта
              из блочного элемента  div, который показывавет как
              проявляется структура страницы сайта.

Сюда будет пристегиваться каскадная таблица стилей CSS и по-своему Вы будете оформлять страницы сайта.

Вот, простой пример использования универсального тега div. ТО что написали до этого момента завернем в блочный элемент div и при помощи каскадных таблиц стилей CSS назначим размеры этого блока, фон, цвета шрифта текста будет другой и разместим в центре страницы сайта:

< style>#opiit { 
                 background-color: #CC9; 
				 color: #C00;
				 font-size: 9px;
				 margin: 20px auto 20px 50px;
				 padding: 30px 30px;
				 height: 700px;
				 width: 600px;
				 border: 7px #03C double;
				 overflow: scroll;
				 }
< /style>

Универсальный элемент div < div>...< /div>. атрибуты ( id, class, style, title); так как div является блочным элементом, его содержание начинается с новой строки; элемент div раскрываются по-настоящему в сочетании с каскадными таблицами стилей CSS. Создав элемент div и присвоив ему имя, Вы можете применять стили ко всему его содержимому или рассматривать его как поле, которое можно разместить на странице для формирования нового столбца текста страниц сайта. Элемент div вызывается в любом скрипте, апплете или другом виде обработки. При этом к этому элементу можно присвоить все стилевые свойства, которые имеются в распоряжении CSS( каскадных таблиц стилей) и не только.

Если отметить раздел текста элементом div в HTML и присвоить ему имя при помощи атрибутов id и class, то по сути мы получим новый HTML-элемент страниц сайта. Вот, пример:

                 < div id="sidebar">
                 < ul>
                      < li>Первая пачка.< /li>
                      < li>Вторая пачка.< /li>
                      < li>Третья пачка.< /li>
                  < /ul>
                  < /div>

С этим блочным элементом в HTML будет связано удивительное оформление страниц сайта. Очень универсальный блочный элемент.

В дальнейшем Вы увидите, что страница сайта создается из так называемых свободно размещенных элементов, в данном случае, блоков div. И для левой колонки, и для центральной колонки, так и правой колонки. И при том и так называемый footer тоже создается при помощи блочного элемента div. Конечно, каждый блочный элемент при этом должен идентифицириваться по-своему и отличаться от другий блочных элементов на странице сайта. Как говорили Вам, что это достигается атрибутом id. И никаких сложностей в понимании сути не вызывает.

                    < body>
                    < div id="nav">....
                    < /div>
                    < div id="sidebar1">...
                    < /div>
                    < div id="content">...
                    < /div>
                    < div id="sidebar2">...
                    < /div>
                    < div id="copy">...
                    < /div>
                    < /body>
                    
              Вот, Вам и кусочек кода программы при создании сайта
              из блочного элемента  div, который показывавет как
              проявляется структура страницы сайта.

Сюда будет пристегиваться каскадная таблица стилей CSS и по-своему Вы будете оформлять страницы сайта.

Вот, простой пример использования универсального тега div. То что написали до этого момента завернем в блочный элемент div и при помощи каскадных таблиц стилей CSS назначим размеры этого блока, фон, цвета шрифта текста будет другой и разместим в центре страницы сайта:

Как видите, данную страницу сайта упаковали в универсальный блочный тег div с заданными параметрами, которые указали раньше. Параметры Вы можете посмотреть в стилевой таблице.


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: