Tag HTML <div>
Exemplo
Uma seção <div> em um documento estilizado com CSS:
<html>
<head>
<style>
.myDiv {
border: 5px outset red;
background-color: lightblue;
text-align: center;
}
</style>
</head>
<body>
<div class="myDiv">
<h2>This is a heading
in a div element</h2>
<p>This is some text in a div element.</p>
</div>
</body>
</html>
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
A <div>
tag define uma divisão ou uma seção em um documento HTML.
A <div>
tag é usada como um contêiner para elementos HTML - que são estilizados com CSS ou manipulados com JavaScript.
A <div>
tag é facilmente estilizada usando o atributo class ou id.
Qualquer tipo de conteúdo pode ser colocado dentro da <div>
tag!
Nota: Por padrão, os navegadores sempre colocam uma quebra de linha antes e depois do <div>
elemento.
Suporte ao navegador
Element | |||||
---|---|---|---|---|---|
<div> | Yes | Yes | Yes | Yes | Yes |
Atributos Globais
A <div>
tag também suporta os Atributos Globais em HTML .
Atributos do evento
A <div>
tag também suporta os atributos de evento em HTML .
Páginas relacionadas
Tutorial HTML: Bloco HTML e Elementos Inline
Tutorial HTML: Layout HTML
Referência HTML DOM: objeto Div
Configurações padrão de CSS
A maioria dos navegadores exibirá o <div>
elemento com os seguintes valores padrão:
Exemplo
div {
display: block;
}