отзывы

Восстановление
пароля

Готово

Назад

Основы программирования
Успеха достигает тот, кто способен на время отодвинуть свои увлечения
Программист - профессия будущего!

<div>

  • 80

  • 0

  • Нравится

    0

  • Код:415375525603

является блочным элементом
Задайте вопрос продавцу

<div>

грн. / шт.

Компания: Уроки программирования
Телефон: +38(093)43-03-164
Адрес: Киевская область г. Киев, с. Красное
Оставьте свой номер
<div>

грн. / шт.

Оставьте свой номер телефона и представитель компании с вами свяжется.

     является блочным элементом

Описание

Элемент <div> является блочным элементом и предназначен для выделения фрагмента документа с целью изменения вида содержимого. Как правило, вид блока управляется с помощью стилей. Чтобы не описывать каждый раз стиль внутри тега, можно выделить стиль во внешнюю таблицу стилей, а для тега добавить атрибут class или id с именем селектора.

 

Как и при использовании других блочных элементов, содержимое тега <div> всегда начинается с новой строки. После него также добавляется перенос строки.

 

 

Синтаксис

<div>...</div>

 

 

 

Атрибуты

align - Задает выравнивание содержимого тега <div>.

title - Добавляет всплывающую подсказку к содержимому.

Также для этого тега доступны универсальные атрибуты и события.

 

 

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

Обязателен.

 

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <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">Lorem ipsum dolor sit amet, consectetuer
   adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet
   dolore magna aliguam erat volutpat.</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>

 

HTML тег DIV определяет контейнер для HTML. Данный элемент предназначен для использования в CSS. Закрывающий тег: требуется. Весьма схож с элементом SPAN, но при этом браузеры обычно помещают символ перевода строки перед и после этого элемента (Смотри пример).

 

Можно воспользоваться тегом разделов (division) DIV для форматирования абзацев. Он работает точно также ,как тег P, в нем можно использовать атрибуты выравнивания, но между двумя разделами не оставляется пустая строка. Раздел считается главнее абзаца: новый абзац для которого не указан способ выравнивания, выравнивается так, как задано в теге раздела DIV.

 

 

Строка содержит одно слово

красного

цвета. Причем это слово нельзя выделить. Обратите внимание, что красное слово начинается с новой строки и выравнено по центру и следующее слово начинается опять с новой строки

А выглядит код так: <P> Строка содержит одно слово < div STYLE="color: red" UNSELECTABLE="on" align="center">красного</div> цвета.


 

Рекомендации по использованию

  • закрывающий тег обязателен (</div>)
  • может содержать CDATA, строчные и блочные элементы
  • обязательных атрибутов нет
  • не рекомендуется использовать атрибуты для форматирования содержимого, вместо используйте таблицы стилей

Отзывов нет

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

Отправить

Случайные статьи