HTML <div> y <span>


HTML puede agrupar elementos mediante <div> y <span>.


Elementos de bloque HTML

La mayoría de los elementos HTML se definen comoelementos de bloqueoelementos en línea。

Los elementos de bloque generalmente comienzan (y terminan) en una nueva línea cuando se muestran en el navegador.

Ejemplos: <h1>, <p>, <ul>, <table>


Elementos en línea HTML

Los elementos en línea generalmente no comienzan en una nueva línea cuando se muestran.

Ejemplos: <b>, <td>, <a>, <img>


El elemento HTML <div>

El elemento HTML <div> es un elemento de bloque que se puede utilizar como contenedor para agrupar otros elementos HTML.

El elemento <div> no tiene un significado específico. Además, como es un elemento de bloque, el navegador muestra saltos de línea antes y después de él.

Si se usa junto con CSS, el elemento <div> se puede utilizar para aplicar propiedades de estilo a grandes bloques de contenido.

Otro uso común del elemento <div> es el diseño de documentos. Reemplaza el método antiguo de usar tablas para definir el diseño. Usar el elemento <table> para el diseño de documentos no es el uso correcto de las tablas. El propósito del elemento <table> es mostrar datos tabulados.


El elemento HTML <span>

El elemento HTML <span> es un elemento en línea que se puede usar como contenedor de texto.

El elemento <span> tampoco tiene un significado específico.

Cuando se usa junto con CSS, el elemento <span> se puede utilizar para aplicar propiedades de estilo a parte del texto.


Etiquetas de agrupación HTML

Etiqueta Descripción
<div> Define una sección del documento, a nivel de bloque (block-level).
<span> Se utiliza para agrupar elementos en línea del documento, elementos en línea (inline).
Otras extensiones