<div> | Тег HTML - Справочник HTML + HTML5 | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Пятница, 09.12.2016
Главная » Справочник HTML » Блочные элементы


ОбъектыБлочные элементы
ТаблицыСтрочные элементы
СимволыФорматирование
ДокументыИзображения
ЗвукФормы
СпискиУстаревшие теги
ФреймыСкрипты



Адаптивный сайт - aTmpl


<div> | Тег HTML

Тег <div> разделяет элементы




Тег <div> разделяет элементы друг от друга,а так же используется для формирования отдельных блочных участков с применением стилей CSS.Чаще всего тег применяется с указанием классов ( class="" ) и идентификаторов ( id="" ).В HTML5 атрибут align не применяется,вместо него используется значение InformationПо возможности нужно избегать применение атрибута align внутри тега,используйте для этого значение свойства CSStext-align:center;.Тег поддерживает глобальные атрибуты,а так же атрибуты событий в HTML5




Синтаксис тега <div> ( закрывающий тэг обязателен )


<div>Элемент</div>

Тег работает в браузерах





Атрибут тега <div>

Атрибут title

Атрибут title добавляет пояснение элементу находящемуся в теге

Синтаксис атрибута title


<div title="Пояснение">Элемент</div>

Пример применения тега


<!DOCTYPE html>
<html>
<head>
<title>Тег div</title>
<style>
div {
width:99%;
height:50px;
background:black;
border:5px double red;
font-weight:bold;
color:white;
text-decoration:blink;
text-align:center;
}
div#treesekund {
transition-property:width;
transition-duration:3s;
-moz-transition-property:width;
-moz-transition-duration:3s;
-webkit-transition-property:width;
-webkit-transition-duration:3s;
-o-transition-property:width;
-o-transition-duration:3s;
}
div#onesekund {
transition-property:width;
transition-duration:1s;
-moz-transition-property:width;
-moz-transition-duration:1s;
-webkit-transition-property:width;
-webkit-transition-duration:1s;
-o-transition-property:width;
-o-transition-duration:1s;
}
div:hover {
width:150px;
}
</style>
</head>
<body>
<div id="treesekund">Действие = 3 секунды</div>
<div id="onesekund">Действие = 1 секунда</div></body>
</html>

Пример в действии





Русские шрифты





Категория: Блочные элементы | Добавил: IZOTOP (08.06.2012) | Автор: Меренков Михаил W
Просмотров: 1112 | Теги: участок, DIV, HTML5, блочный, значение, хтмл, реьд, HTML, элемент, block | Рейтинг: 0.0/0

Вопросов / Советов / Предложений - относящихся к материалу: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]