Etiqueta HTML <div>
Ejemplo
Una sección <div> en un documento que tiene estilo 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>
Try it Yourself »
Más ejemplos de "Try it Yourself" ("Pruébalo tú mismo") a continuación.
Definición y uso
La etiqueta <div> define una división o una sección en un documento HTML.
La etiqueta <div> se utiliza como contenedor para elementos HTML, a los que luego se les aplica estilo con CSS o se manipulan con JavaScript.
La etiqueta <div> se puede diseñar fácilmente utilizando el atributo class o id.
¡Cualquier tipo de contenido se puede colocar dentro de la etiqueta <div>!
Nota: De forma predeterminada, los navegadores siempre colocan un salto de línea antes y después del elemento <div>.
Soporte del navegador
| Elemento | |||||
|---|---|---|---|---|---|
| <div> | Sí | Sí | Sí | Sí | Sí |
Atributos globales
La etiqueta <div> también admite los Atributos globales en HTML.
Atributos del evento
La etiqueta <div> también admite los Atributos de evento en HTML.
Páginas relacionadas
HTML tutorial: HTML Elementos en bloque y en línea
HTML tutorial: HTML Disposición
HTML DOM referencia: Div Objeto
Configuración de CSS predeterminada
La mayoría de los navegadores mostrarán el elemento <div> con los siguientes valores predeterminados:
