Html5 introdujo el "Etiqueta que se puede utilizar para representar un componente autónomo específico en cualquier documento, aplicación o sitio. Este componente HTML puede ser reutilizable y distributivo, como en una publicación de foro, una revista, una publicación de blog y más.

Este estudio te enseñará sobre la etiqueta HTML. Entonces vamos!

¿Qué es la etiqueta HTML??

El elemento y el elemento funcionan de manera similar en términos de funcionalidad, estilo y visualización. Sin embargo, la etiqueta en un documento brinda más información semántica a los motores de búsqueda y los lectores de pantalla. Además, un archivo HTML contiene múltiples etiquetas que pueden anidarse.

Cómo usar la etiqueta HTML?

Para usar la etiqueta HTML, siga la sintaxis dada a continuación:

Aquí, ""Es la etiqueta inicial, y""Es la etiqueta final.

Pasemos por un ejemplo para demostrar el uso de la etiqueta.

Ejemplo: Uso de la etiqueta en html

En HTML, primero, agregue una etiqueta con una clase llamada "todo" y el

para el encabezado. Luego, agregue otra etiqueta con una clase llamada "sistema operativo". Dentro de esta etiqueta, especifique el

para el encabezado y

por un párrafo. Después de eso, incluya las dos etiquetas anidadas con

y

Etiquetas de la siguiente manera:

Los sistemas operativos más populares

Windows

Windows es un grupo de múltiples sistemas de operación gráficos patentados. Es desarrollado y comercializado por Microsoft.

Linux

Linux es un sistema operativo de código abierto basado en el kernel de Linux. Por lo general, se empaqueta como una distribución de Linux.

Mac OS

MacOS es un sistema operativo UNIX desarrollado y comercializado por Apple Inc. Se conoce como el principal sistema operativo para las computadoras Mac de Apple.

La siguiente sección describirá los estilos CSS aplicados a los elementos HTML mencionados anteriormente.

Estilo All-OS Div

.all-os
margen: 0;
relleno: 5px;
Color de fondo: RGB (155, 155, 155);

El div con el nombre de la clase "todo"Tiene el estilo así:

• • ".ALL_OS"Se utiliza para acceder a los relacionados .
  • "margenLa propiedad se utiliza para agregar espacio alrededor del elemento divir.
  • "relleno"La propiedad agrega espacio alrededor del contenido del elemento Div.
  • "color de fondo"Está configurado para aplicar el color de fondo del elemento div.

Estilo os div div

.OS
margen: 10px;
relleno: 5px;
Fondo: blanco;

Aplicar estilos al siguiente nombrado "sistema operativo". La descripción de las propiedades se da a continuación:

• • ".sistema operativo"Acceda al SO con el nombre del sistema operativo.
  • "margen"La propiedad agrega un espacio de 10 px alrededor del Div.
  • "relleno"La propiedad agrega un espacio de 5px alrededor del contenido del elemento Div.
  • "color de fondo"La propiedad establece el color de fondo del elemento Div.

Después de proporcionar las propiedades de estilo CSS a las etiquetas anteriores, el párrafo se diseña estableciendo las propiedades como se mencionan a continuación.

Elemento de estilo P

pag
margen: 3px;
tamaño de fuente: 15px;

Las siguientes propiedades se aplican al

elemento:

• • "margen"La propiedad agrega espacio de 3px alrededor del contenido del elemento.
  • "tamaño de fuente"La propiedad establece el tamaño de fuente de texto como 15px.

Guarde el código agregado y abra el archivo en su navegador. El resultado se mostrará como se muestra a continuación:

El documento proporcionado anteriormente puede tener múltiples artículos, y la explicación relacionada con cada sistema operativo está contenida en la etiqueta. Además, se muestra un artículo uno tras otro a medida que la pantalla se desplaza.

Así es como podemos crear publicaciones de blog, publicaciones de foro y documentos similares a la revista utilizando la etiqueta HTML.

Conclusión

Como sabemos, los escritores o bloggers de artículos escriben el documento teniendo en cuenta el concepto central del tema. Del mismo modo, en HTML, las etiquetas se utilizan para mencionar el contenido que está completamente contenido e independiente. Además, puede haber una o más etiquetas en un archivo HTML, que se puede anidarse. Este estudio ha explicado el uso de la etiqueta con un ejemplo.