¿Qué es div en HTML Ejemplos?

Preguntado por: Dr. Dario Ulloa  |  Última actualización: 22 de enero de 2026
Puntuación: 4.8/5 (4 valoraciones)

es una etiqueta HTML que actúa como un contenedor genérico para agrupar elementos de bloque, sin tener un significado semántico propio, y se usa principalmente para aplicar estilos (CSS) o manipulación (JavaScript) a secciones enteras de una página web, como encabezados, pie de página o columnas, creando divisiones lógicas para el diseño y la estructura visual.

¿Qué es un div en HTML?

Un <div> en HTML es un contenedor genérico de bloque (de "división") que agrupa otros elementos para organizarlos, estructurar la página y aplicarles estilos con CSS o JavaScript, sin tener un significado semántico propio, sirviendo como una "caja" para agrupar contenido como encabezados, párrafos o imágenes y manipularlo como una unidad. Es ideal para crear secciones como barras laterales, encabezados o áreas de contenido diferenciadas, aunque se recomienda usar etiquetas semánticas (como <header>, <article>) si es posible, usando <div> como último recurso para diseño.
 

¿Qué es div en HTML con ejemplo?

<div>: El elemento de división de contenido

El elemento HTML <div> es el contenedor genérico del contenido de flujo . No afecta al contenido ni al diseño hasta que se le aplique algún estilo mediante CSS (por ejemplo, si se le aplica un estilo directamente o si se aplica algún modelo de diseño como Flexbox a su elemento principal).

¿Qué son las etiquetas en HTML 5 ejemplos?

¿Cuáles son las etiquetas HTML básicas?

  • <body> para el contenido.
  • <head> para información sobre el documento.
  • <div> división dentro del contenido.
  • <a> para enlaces.
  • <strong> para poner el texto en negrita.
  • <br> para saltos de línea.
  • <H1>… <H6> para títulos dentro del contenido.
  • <img> para añadir imágenes al documento.

¿Cuál es la diferencia entre 'div' y 'section' en HTML?

Section lo puedes usar, como su nombre lo dice, para dividir secciones de una página web (sección de contacto, sección de comentarios, sección de productos...). En cambio, un div es más como para poder trabajar con bloques y posicionar elementos más cómodamente. Div no es semántico, no significa algo.

WHAT are DIVs in HTML and HOW to use them {EFFECTIVELY}

28 preguntas relacionadas encontradas

¿Cuándo usar un div?

Puede utilizar etiquetas div para crear bloques de diseño CSS y colocarlos en el documento. Esto resulta útil si ha adjuntado al documento una hoja de estilos CSS con estilos de posición.

¿Para qué sirve el section?

Mediante la etiqueta <section> es posible crear apartados para una web, de modo que las mantenemos separadas.

¿Cuáles son los 10 comandos HTML básicos para principiantes?

Las 10 etiquetas HTML básicas para principiantes

  1. Encabezados ( <h1> a <h6> ) Los encabezados organizan el contenido en secciones. ...
  2. Párrafos ( <p> ) Se utiliza para crear bloques de texto. ...
  3. Enlaces ( <a> ) ...
  4. Imágenes ( <img> ) ...
  5. Listas ( <ul> , <ol> , <li> ) ...
  6. Divisiones ( <div> ) ...
  7. Meta ( <meta> ) ...
  8. Span ( <span> )

¿Cuándo usar section en HTML?

El elemento section se usa para representar una parte de un documento o artículo. Una regla general para determinar si su uso es correcto, es numerarlos. Si usando esta numeración el elemento section no pierde sentido entendemos que este es un section realmente.

¿Qué es a ></ a en HTML?

El elemento HTML anchor <a> permite crear un enlace a otras páginas de internet, archivos o rutas dentro de la misma página, direcciones de correo, o cualquier otra URL.

¿Qué es div en una dirección?

La etiqueta <div> define una división. Esta etiqueta permite agrupar varios elementos de bloque (párrafos, encabezados, listas, tablas, divisiones, etc). En principio, los navegadores no muestran nada especial cuando se crea una división, salvo que se dé formato a la división con la hoja de estilo.

¿Qué significa "div" en HTML?

div (de "division") es una etiqueta HTML genérica que actúa como un contenedor para agrupar otros elementos y estructurar el contenido de una página web, sin tener un significado semántico propio, sirviendo principalmente para aplicar estilos CSS o manipular con JavaScript bloques específicos de contenido, como crear secciones, columnas o áreas de color. 

¿Cómo dividir una página en HTML?

Para poder definir una división en HTML, es necesario utilizar la etiqueta <div></div> . Además, en la definición de la etiqueta, para poder asignarle estilos será recomendable utilizar el atributo id para asociarle un nombre identificativo mediante el cual definiremos los estilos para la sección.

¿Qué significan las siglas div?

El elemento div , que es la abreviatura de división, es el contenedor genérico de los bloques. Normalmente se utiliza para rodear otros elementos de bloque con el objetivo de agruparlos.

¿Qué hace el section?

La etiqueta <section> es una de las nuevas etiquetas en HTML5 que se utiliza para identificar una sección distinta y coherente en un documento HTML. Esta etiqueta permite agrupar contenido lógico en secciones separadas dentro de un documento, lo que facilita la organización y la estructuración de contenido.

¿Cómo se llama el CSS en HTML?

Las siglas CSS (Cascading Style Sheets) significan «Hojas de estilo en cascada» y parten de un concepto simple pero muy potente: aplicar estilos (colores, formas, márgenes, etc...) a uno o varios documentos (generalmente documentos HTML, páginas webs) de forma automática y masiva.

¿Qué va dentro del main?

Este elemento nos indica que lo que está dentro suyo es el contenido principal de la página en la que estamos. Sólo puede ser usado una vez por cada página.

¿Cuáles son las etiquetas HTML más importantes?

Las etiquetas HTML son códigos (como <p>, <h1>, <a>) que estructuran y dan formato al contenido de una página web, indicando al navegador cómo mostrar títulos, párrafos, enlaces, imágenes y otras partes del contenido usando una etiqueta de apertura (<p>) y una de cierre (</p>), y son los bloques fundamentales de construcción para cualquier sitio web. 

¿Qué tan difícil es aprender HTML?

HTML no es algo complicado de aprender, pero hay que dedicarle tiempo y constancia. Además, si cuentas con el apoyo de un curso de formación específico en HTML te resultará todo mucho más sencillo. Por otra parte, además, estudiar HTML solo no te vale para mucho.

¿Qué es H1, h2, h3, h4, h5, H6 en HTML?

Las etiquetas <h1> a <h6> en HTML definen encabezados y subtítulos para estructurar el contenido de una página, siendo <h1> el título principal (el más importante, una vez por página) y <h6> el menos importante, creando una jerarquía para usuarios y motores de búsqueda (SEO), similar al índice de un libro, donde se debe seguir un orden lógico (nunca saltar de <h1> a <h3>) para organizar secciones y subsecciones.
 

¿Cuál es la diferencia entre div y sección?

En términos sencillos, 'div' es un contenedor genérico que agrupa elementos y 'section' es una etiqueta semántica que define secciones de contenido .

¿Qué es <!> en HTML?

Este elemento se utiliza para añadir un comentario a un documento HTML . Un comentario HTML comienza con <!

¿Qué es h1, h2, h3, h4, h5 en HTML?

Las etiquetas <h1> a <h6> se utilizan para definir encabezados HTML . <h1> define el encabezado más importante. <h6> define el encabezado menos importante. Nota: Use solo un <h1> por página; este debe representar el encabezado/tema principal de toda la página. Además, no omita niveles de encabezado: comience con <h1>, luego use <h2>, y así sucesivamente.

¿Cuándo usar section y cuándo div?

La diferencia es sutil pero muy importante: cuando creamos bloques cuyo contenido forma un todo usaremos <section/>, cuando estos bloques responden más a diseño o a necesidades de estructura usaremos <div/>.

¿Qué hace un div en HTML?

Definición y uso. La etiqueta <div> define una división o sección en un documento HTML . Se utiliza como contenedor de elementos HTML, a los que se les aplica estilo con CSS o JavaScript.

Articolo precedente
¿Qué pasa con el aceite quemado?