Игра на «Морской Бой» на JavaScript: «Простая Игра» и «Игра для Двоих»
Yutex - Платный хостинг PHP.
Advego.ru - система покупки и продажи контента для сайтов, форумов и блогов

Интернет-магазин под ключ

Статьи для сайтов!!!
Главная HTML по шагам Теги HTML Тег div Тег dl

Тег div

Описание тега DIV

Тег <div> является блочным элементом и используется для выделения и преобразования фрагмента страницы.

Можно сказать, что элемент/ы страницы помещается в некий контейнер - блок, вид содержимого которого меняется с помощью стилей.

Cтили задаются с помощью тега <style>

О блочных и строчных элементах (подробнее здесь...).

Тег <div> также можно использовать для форматирования текста - вместо тега <p>. При этом между абзацами промежуток отсутствует.

Закрывающий тег

Обязателен


Атрибуты тега DIV

Align – выравнивание содержимого тега по горизонтали.

Значения атрибута

- left - выравнивание по левому краю
- center – выравнивание по центру
- right - выравнивание по правому краю
- justify – выравнивание по ширине

Значение по умолчанию

- left

Title – добавляет всплывающую подсказку при наведении на содержимое тега курсора.

Значения атрибута

Любой текст

Значение по умолчанию

-


Пример - тег div

<!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> </title>
<style>
.name {background:#00FFCC; width:150px; border:1px solid #CC0033; font-size:15px; padding:5px;}
</style>
</head>
<body>

<div title="Всплывающая подсказка" class="name">
<p> К данному абзацу я применил стиль, заданный в голове документа и идентифицированный
как name
</p> </div>
<div align="center" style="color:#CC0000; font-size:24px">
А к этому абзацу я применил стиль, заданный внутри тега </div>
<p> Остался промежуток между абзацами </p>
<p> Остался промежуток между абзацами </p>
<div align="center"> Промежуток между абзацами отсутствует </div>
<div align="right"> Промежуток между абзацами отсутствует </div>

</body>
</html>

К данному абзацу я применил стиль, заданный в голове документа и идентифицированный как name

А к этому абзацу я применил стиль, заданный внутри тега

Остался промежуток между абзацами

Остался промежуток между абзацами

Промежуток между абзацами отсутствует
Промежуток между абзацами отсутствует


Тег dd Тег div Тег dl
Теги HTML
Дизайн сайтов
ПОИСК ПО САЙТУ:

Моё имя Антон. Связаться со мною Вы можете по e-mail: averagev@mail.ru