DIV
ОписаниеТег <DIV> является блочным элементом и предназначен для выделения фрагмента документа с целью изменения вида содержимого. Как правило, вид блока управляется с помощью стилей. Чтобы не описывать каждый раз стиль внутри тега, можно выделить стиль во внешнюю таблицу стилей, а для тега добавить параметр class или id с именем селектора. Как и при использовании других блочных элементов, содержимое тега <DIV> всегда начинается с новой строки. После него также добавляется перенос строки. Синтаксис<div>...</div>
Параметры
Закрывающий тегОбязателен. Пример 1. Использование тега <DIV>  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Пример использования тега DIV</title> <style type="text/css"> .block1 { width: 200px; background: #ccc; padding: 5px; padding-right: 20px; border: solid 1px black; float: left; } .block2 { width: 200px; background: #fc0; padding: 5px; border: solid 1px black; float: left; position: relative; top: 40px; left: -70px; } </style> </head> <body> <div class="block1">Для успешного ведения бизнеса каждой компании в какой-то момент становится необходимо использовать потенциал сети Интернет. Самый простой способ - это иметь свое представительство в сети (Web-сайт). Тем самым Вы получаете еще одну очень большую аудиторию клиентов, которые могут в любое время суток оперативно получить информацию о Вашей фирме или совершить какую-либо покупку с торговой площадки Вашего Интернет магазина.</div> <div class="block2">Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</div> </body> </html> Описание параметров тега DIVПараметр ALIGN
ОписаниеВыравнивание содержимого контейнера <DIV> по краю. Синтаксис<div align="center | left | right | justify">...</div>
Аргументы
Значение по умолчаниюleft Аналог в CSStext-align Пример 2. Выравнивание текста <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Пример тега DIV, параметр align</title> <style type="text/css"> #layer1 { background: #fc0; padding: 5px; } #layer2 { background: #fff; width: 60%; padding: 10px; } </style> </head> <body> <div align="right" id="layer1"> <div align="left" id="layer2"> Для успешного ведения бизнеса каждой компании в какой-то момент становится необходимо использовать потенциал сети Интернет. Самый простой способ - это иметь свое представительство в сети (Web-сайт). Тем самым Вы получаете еще одну очень большую аудиторию клиентов, которые могут в любое время суток оперативно получить информацию о Вашей фирме или совершить какую-либо покупку с торговой площадки Вашего Интернет магазина. </div> </div> </body> </html> Параметр TITLE
ОписаниеДобавляет поясняющий текст к контейнеру <DIV> в виде всплывающей подсказки, которая отображается, когда курсор мыши задерживается на содержимом. Синтаксис<div title="текст">...</div>
АргументыЛюбая текстовая строка. Строка должна заключаться в двойные или одинарные кавычки. Значение по умолчаниюНет. Пример 3. Подсказка к тексту <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Пример тега DIV, параметр title</title> </head> <body> <div title="Успешный бизнес (подсказка к тексту)">Для успешного ведения бизнеса каждой компании в какой-то момент становится необходимо использовать потенциал сети Интернет. Самый простой способ - это иметь свое представительство в сети (Web-сайт).</div> </body> </html> | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Просмотров: 340 | Теги: | Рейтинг: 0.0/0 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Всего комментариев: 0 | |