Etiqueta HTML <div>


Ejemplo

Una sección <div> en un documento que tiene estilo con 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>

Más ejemplos de "Pruébelo usted mismo" a continuación.


Definición y uso

La <div>etiqueta define una división o una sección en un documento HTML.

La <div>etiqueta se utiliza como contenedor de elementos HTML, que luego se diseñan con CSS o se manipulan con JavaScript.

La <div>etiqueta se diseña fácilmente usando el atributo class o id.

¡ Se puede poner cualquier tipo de contenido dentro de la <div> etiqueta! 

Nota: De forma predeterminada, los navegadores siempre colocan un salto de línea antes y después del <div>elemento.


Compatibilidad con navegador

Element
<div> Yes Yes Yes Yes Yes

Atributos globales

La <div>etiqueta también es compatible con los atributos globales en HTML .


Atributos de eventos

La <div>etiqueta también es compatible con los atributos de eventos en HTML .


páginas relacionadas

Tutorial HTML: bloque HTML y elementos en línea

Tutorial de HTML: Diseño HTML

Referencia HTML DOM: Objeto Div


Configuración predeterminada de CSS

La mayoría de los navegadores mostrarán el <div>elemento con los siguientes valores predeterminados:

Ejemplo

div {
  display: block;
}