Tag <div>

Definições e uso

A tag <div> define uma divisão ou uma seção em um documento HTML.

A tag <div> é usada como um container para elementos HTML - que são estilizados com CSS ou manipulados com JavaScript.

A tag <div> é facilmente estilizada usando o atributo classe ou id.

Qualquer tipo de conteúdo pode ser colocado dentro da tag <div>

Nota: Por padrão, os navegadores sempre colocam uma quebra de linha antes e depois do elemento <div>

Exemplos


<html>
<head>
<style>
.div1 {
  border: 5px outset red;
  background-color: blue;
}
</style>
</head>
<body>

<div class="div1">
  <h2>Título em uma div</h2>
  <p>Texto em uma div</p>
</div>

</body>
</html>


<!DOCTYPE html>
<html>
<head>
<style>
.div1 {
  border: 5px outset red;
  background-color: blue;
}
</style>
</head>
<body>

<div class="div1">
  <h2>Título em uma div</h2>
  <p>Texto em uma div</p>
</div>

</body>
</html>

Resultado

Atributos

Esta tag suporta somente Atributos Globais.