Elementos de bloque

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.