Los elementos en HTML se pueden clasificar en dos categorías más amplias, elementos en línea y de bloque. Los elementos de bloque rompen el flujo de contenido y comienzan una nueva línea, mientras que los elementos en línea mantienen el contenido dentro de la línea y ocupan solo una cantidad específica de espacio. Los elementos de bloque toman tanto espacio como el ancho del elemento principal y su ruptura de la línea también estira la página verticalmente.

Como HTML admite una larga lista de elementos, puede ser difícil para un nuevo programador HTML diferenciarlos. Teniendo en cuenta la importancia, esta guía presenta el siguiente resultado de aprendizaje:

• ilumina las diferencias entre los elementos bloqueos y en línea
• demostrando varios elementos en línea y en línea

¿Cuáles son las diferencias entre los elementos en línea y en línea?

Los siguientes son los puntos diferenciadores que aclararían el concepto de bloque y elementos en línea en HTML.

• Los elementos de bloque agregan espacio rompiendo la línea antes y después de usarla. Mientras que los elementos en línea se practican dentro de la línea específica y no consumen espacio adicional.
• Los elementos en línea solo admiten acolchado izquierdo y derecho, mientras que los elementos de bloque admiten el acolchado en direcciones verticales y horizontales
• Los elementos en línea admiten archivos pequeños a medida que crean pequeñas estructuras. Mientras que los elementos de bloque admiten archivos grandes a medida que crean grandes estructuras.
• Cuando se llama a un elemento en línea, funciona solo para aquellos archivos que exigen ese elemento en línea. Por otro lado, los elementos de bloque contienen varios elementos en línea y en línea. Por lo tanto, cuando se llama al elemento de bloque principal, se aplicarían todos los elementos de bloque y en línea asociados con él.

¿Cómo funcionan los elementos en línea y en línea en HTML?

Esta sección proporciona la funcionalidad de varios elementos en línea y en línea.

Elementos de bloque: Hemos proporcionado la aplicabilidad de pocos elementos de bloque en HTML que muestra el comportamiento práctico de los elementos de bloqueo.

Usando

: La etiqueta de párrafo en HTML representa las líneas de texto y cae en la categoría de elementos de bloque de HTML.

Este es un párrafo

A continuación se proporciona la salida del código HTML en una página web:+

Aunque el texto del párrafo se limita a algunas palabras, sin embargo, la etiqueta del párrafo ha tenido un ancho completo (a partir de la página).

Usando : Practicemos la etiqueta más importante y comúnmente utilizada utilizando el siguiente código HTML.

Este es un Div

La interfaz web de la etiqueta anterior se muestra a continuación:

Al igual que el elemento de bloque de párrafo, la etiqueta Div también ha ocupado todo el ancho de la página.

Usando

adentro : Como se dijo y representado anteriormente, los elementos de bloque ocupan el ancho completo de la página (etiqueta principal). Puede limitar el ancho de la etiqueta principal y las etiquetas secundarias ocuparían el espacio definido en la etiqueta principal. Por ejemplo, el siguiente código HTML practica el

asignar etiqueta.

Este es un pargaraph

El código anterior declara una etiqueta que ocupa el 50% del ancho de la página. A

La etiqueta se usa dentro de la etiqueta y el párrafo requiere el 50% del espacio de su etiqueta principal ().

Aparte de y

, Varios otros elementos de bloque se describen a continuación:
: utilizado para representar la información de contacto
: El contenido del artículo se puede describir usando esta etiqueta

---

: utilizado para separar el contenido por líneas horizontales
: Se asigna un subtítulo de la figura usando esta etiqueta.

a

: Estas etiquetas definen el encabezado de varios tamaños de

a

: Solía ​​comenzar una nueva sección
: Se puede asignar el pie de página de una página o sección
: se puede usar para insertar una tabla en HTML DOC.

: Se usa para establecer una lista ordenada

: Se usa para organizar los artículos de manera desordenada