Hay tres partes de cualquier sitio web: encabezado, cuerpo y pie de página. Dentro de estas partes, se utilizan otros elementos HTML, como encabezados, imágenes, párrafos y más. Más específicamente, para rodear el contenido principal de la página web, se utiliza la etiqueta HTML, que se introduce en HTML5.

Este artículo discutirá el HTML "" etiqueta. Vamos a empezar!

¿Qué es la etiqueta HTML??

La etiqueta HTML consta del contenido principal del documento, que se refiere al concepto central de la página web. Excluye cualquier barra de navegación, encabezado, pie de página y más. Además, solo se usa una etiqueta principal en cualquier documento. Si hay más de un elemento principal en un archivo HTML, entonces otros deben estar ocultos simultáneamente.

Cómo usar la etiqueta HTML?

Para usar la etiqueta HTML, siga el procedimiento dado a continuación:

En el código anterior, el elemento principal está representado por la etiqueta de inicio y la etiqueta de cierre.

Ejemplo: cómo insertar etiqueta en html?

En el archivo HTML, dentro de la etiqueta del cuerpo, agregue un ""Etiqueta que incluye el

Etiqueta para el encabezado. Después de eso, agregue la etiqueta, que comprende dos etiquetas adicionales,

y

, para el encabezado y el párrafo, respectivamente. Para agregar más contenido, usaremos de manera similar las etiquetas.

Aquí está el código para el escenario discutido:

Sistema operativo

Windows

Windows es un grupo de varios sistemas operativos gráficos desarrollados por Microsoft.

Linux

Linux es un sistema operativo de código abierto basado en el kernel de Linux.

Mac OS

MacOS es un sistema operativo UNIX desarrollado por Apple Inc.

Al proporcionar el código anterior, la página web se verá así:

Nota: La etiqueta principal solo consiste en el tema central del documento. Un documento no debe incluir más de una etiqueta. Además, no se permite el uso de la etiqueta principal como elemento infantil.

Aplicemos propiedades CSS a los elementos HTML codificados anteriormente.

Elemento principal de estilo

principal
margen: 0;
relleno: 6px;
Color de fondo: #00ABB3;

La etiqueta HTML utilizada en la página HTML anterior tiene las siguientes propiedades:

• "margenLa propiedad se utiliza para la configuración del espacio alrededor del elemento.
• "rellenoLa propiedad se utiliza para agregar espacio alrededor del contenido del elemento.
• "color de fondo"La propiedad especifica el color del fondo del elemento.

Estilo H1, H2, P Elementos de Div Main

Main> H1,
H2,
pag,
.OS
margen: 15px;
relleno: 3px;

El "Main> H1, H2, P"Significa los elementos infantiles H1, H2 y P de la etiqueta principal, en las que hemos aplicado las mismas propiedades.

Estilo os div div

.OS
Fondo: blanco;

El ".sistema operativo"Se utiliza para acceder al DIV con la clase llamada"sistema operativo". En este contenedor, el color de fondo se especifica como "blanco".

Elementos de estilo H2 y P de OS div Div

.OS> H2,
pag
margen: 4px;

El ".OS> H2, P"Significa que los elementos infantiles H2 y P del elemento div tienen el mismo valor de margen.

Aquí está la salida:

Eso es todo! Hemos discutido cuál es la etiqueta y cómo debe utilizarse en HTML.

Conclusión

Html5 presenta el ""Etiqueta que solo consiste en el contenido dominante de la página web. No incluye elementos repetidos, como barras de navegación, barras de diapositivas, información de derechos de autor y más. La sección del cuerpo del documento HTML debe contener solo una etiqueta. Este artículo ha demostrado la etiqueta y su uso en HTML.