Elementos de bloque

Elementos de bloque en HTML

En HTML, tenemos una gran cantidad de etiquetas con un unico objetivo: facilitar la organización o agrupación del contenido.
Vamos a analizar las siguientes etiquetas:
  • <p>
  • : Etiqueta de párrafo.
  • <address>
  • : Etiqueta localizada en el footer donde podemos añadir información de contacto. Da un formato de texto en cursiva.
  • <hr>
  • : Consiste en dar un salto con un separador de linea que incluye por defecto.
  • <pre>
  • : No hay que confundir con la etiqueta p. Solo da un preformato de texto. Lee todo texto, salto de linea, tabulación...
  • <blockquote>
  • : Consiste en introducir una sección pero indicando la relación de fuente de información. Los navegadores aplicarán una sangria a todo el texto por defecto.



  • <ol> , <ul> , <li>
  • : Pertenecen a los elementos más usados hoy en día en diseño web. Determina una lista de información pero también se utiliza para hacer un menú (diseño CSS).


    Diferencia de lista con (ul y li) y (ol y li)



  • <dl> <dt> y <dd>
  • : Lista descriptiva. Su uso es muy interensante para un diccionario de términos donde la etiqueta dt va a ser la palabra y dd la definición de la palabra.


  • <main>
  • : Representa el contenido principal del <main> de un documento o aplicación. El área principal del contenido consiste en el contenido que está directamente relacionado, o se expande sobre el tema central de un documento o la funcionalidad central de una aplicación. Este contenido debe ser único al documento, excluyendo cualquier contenido que se repita a través de un conjunto de documentos como barras laterales, enlaces de navegación, información de derechos de autor, logos del sitio y formularios de búsqueda.



  • <div>
  • : Sirve para crear secciones o agrupar contenidos.



  • <h1>..<h6>
  • : Los elementos de encabezado implementan seis niveles de encabezado del documento, <h1> es el más importante, y <h6>, el menos importante. Un elemento de encabezado describe brevemente el tema de la sección que presenta. Los niveles nos indican el tamaño de la letra.