El lenguaje HTML utiliza cientos de elementos como información para hacer que el documento sea más comprensible y legible. Para esto, hay diferentes etiquetas para diferentes propósitos, como etiquetas separadas para párrafos, forma, encabezados y mucho más. Además, también puede definir elementos HTML en una secuencia que tiene una etiqueta de inicio, algunos datos o el contenido requerido, y una etiqueta final.

Este artículo se trata de elementos HTML simples y anidados. Comencemos con la definición!

¿Qué son los elementos HTML??

Los elementos HTML son los principales bloques de construcción o componentes del lenguaje HTML que describen el contenido y la estructura de una página web. Estos elementos consisten en un "Etiqueta de inicio", Contenido y"etiqueta final". Sin embargo, algunos elementos solo tienen una etiqueta inicial
Y no una etiqueta final. Estos tipos de elementos HTML también se conocen como elementos vacíos, y sus etiquetas relacionadas se denominan etiquetas vacías, como
, la etiqueta de descanso.

La etiqueta más importante de HTML es la . Esta etiqueta también se conoce como el elemento raíz. Todos los elementos HTML restantes se agregarán dentro de esta etiqueta.

Ejemplo: cómo definir elementos HTML?

Ahora, defina tres elementos HTML: título, encabezado y párrafo. El ""Es la etiqueta de inicio, y""Es la etiqueta final. Esto se referiría como el elemento del título. Asimismo,

y

También son elementos HTML utilizados para especificar el encabezado y el párrafo, respectivamente:

Este es un encabezado

Este es un párrafo!

Producción

En la siguiente sección, explicaremos elementos HTML anidados.

¿Cuáles son los elementos HTML anidados??

Se coloca un elemento HTML anidado dentro del otro elemento HTML. El elemento anidado se conoce como el elemento infantil. El elemento infantil puede ser un elemento principal si contiene otros elementos. Todos los documentos HTML tienen elementos anidados.

Ejemplo 1: Cómo definir elementos HTML anidados simples?

En el fragmento de código mencionado a continuación, las etiquetas y las etiquetas se colocan dentro de la etiqueta. Además, dentro de la etiqueta, hay una etiqueta. Estos se conocen como elementos HTML anidados. El elemento principal consta de la etiqueta de título, que representa el nombre de nuestra página web. Otros elementos de la página web se incluirán en el elemento:

Producción

Ejemplo 2: Cómo definir elementos HTML anidados complejos?

Suponga que desea escribir un encabezado y un párrafo en la página web. Para este propósito, use el

etiqueta para encabezar y el

Etiqueta para párrafo dentro del elemento. Además, hemos utilizado la etiqueta para la alineación central del contenido en la página web:

Título

Este es un párrafo

La página web mostrará un encabezado y un párrafo como este:

Hemos aprendido qué son los elementos HTML y cómo se pueden definir en el archivo HTML con éxito.

Conclusión

En el lenguaje HTML, los elementos HTML simples son los componentes principales o bloques de construcción que describen el contenido y la estructura de una página web. Estos elementos consisten en una etiqueta de inicio, contenido y etiqueta final. Mientras que los elementos HTML anidados son el elemento infantil presente dentro de otros elementos HTML. Este artículo sobre los elementos HTML simples y anidados con la ayuda de ejemplos.