¿Qué es un bloque HTML?

Un bloque de lenguaje de marcado de hipertexto (HTML), en un sentido amplio, es un segmento de código HTML que se relaciona con un área definida del documento terminado cuando lo muestra un programa como un navegador web. La importancia de un bloque HTML se ve al asignar diferentes atributos a los elementos, porque muchos estilos y otras definiciones solo pueden asignarse a elementos a nivel de bloque. Lo opuesto a un bloque HTML es el código en línea, que siempre debe estar anidado dentro de un bloque para funcionar.

Un ejemplo de la definición de un bloque HTML es un párrafo de texto en un sitio web. Cuando la página se visualiza dentro de un navegador web, el párrafo aparece con una línea en blanco entre él y el párrafo anterior y con una línea en blanco después del párrafo y el siguiente elemento de visualización. Dentro del código HTML de la página, el párrafo está rodeado de etiquetas HTML que lo definen como un bloque de párrafo. Estas etiquetas que rodean el párrafo establecen todo entre ellas como un bloque HTML.

Un bloque HTML se puede anidar dentro de otro bloque. De hecho, casi todas las etiquetas están realmente anidadas dentro de las etiquetas del cuerpo que requiere un documento HTML. Por el contrario, un segmento en línea debe estar anidado dentro de un bloque porque requiere elementos que contengan para funcionar. Un ejemplo de una etiqueta en línea es un texto que debe mostrarse en negrita.

La diferencia entre un elemento de nivel de bloque HTML y un elemento en línea es una de las piezas clave de comprensión necesarias para trabajar con HTML y hojas de estilo en cascada (CSS). Esto se debe principalmente a que hay ciertos atributos de estilo estándar y otros parámetros que se describen como aplicables solo a elementos de nivel de bloque, o solo a elementos de nivel en línea. En general, los elementos en línea no contienen los mismos atributos modificables que los elementos a nivel de bloque.

Un ejemplo de la diferencia entre un atributo de nivel de bloque HTML y un atributo de nivel en línea es la opción de alineación. En el nivel de bloque, como una etiqueta de división o el comienzo de una lista con viñetas, el texto o las imágenes dentro del bloque se pueden configurar para que se ajusten a la izquierda, a la derecha o al centro de un área. Si el atributo de alineación se aplica a un elemento en línea, no sucederá nada, porque no es una opción disponible en el nivel en línea.