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;
}