Etiqueta de artículo HTML

Etiqueta De Articulo Html



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 le 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 lectores de pantalla. Además, un archivo HTML contiene varias etiquetas
que se pueden anidar.



¿Cómo usar la etiqueta HTML ?

Para usar la etiqueta HTML

, siga la sintaxis que se proporciona a continuación:



no puedo encontrar la red wifi de windows 10
< artículo > artículo >

 
Aquí, ' ” es la etiqueta inicial, y “ ” es la etiqueta final.





Veamos 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-OS ” y el

para el encabezado. Luego, agregue otra etiqueta
con una clase llamada “ ”. Dentro de esta etiqueta
, especifica

para el encabezado y

para un párrafo. Después de eso, incluya las dos etiquetas

anidadas con las etiquetas

y

de la siguiente manera:

< artículo clase = 'todo-SO' >
  < h1 > Sistemas operativos más populares h1 >
  < artículo clase = 'tú' >
      < h2 > ventanas h2 >
      < pags > Windows es un grupo de múltiples sistemas operativos gráficos patentados. Es desarrollado y comercializado por Microsoft. pags >
  artículo >
  < artículo clase = 'tú' >
      < h2 > linux h2 >
      < pags > Linux es un sistema operativo de código abierto basado en el kernel de Linux. Por lo general, se envasa como una distribución de Linux. pags >
  artículo >
  < artículo clase = 'tú' >
      < h2 > Mac OS h2 >
      < pags > macOS es un sistema operativo Unix desarrollado y comercializado por Apple Inc. Es conocido como el principal sistema operativo por Manzana las computadoras Mac.



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



disco de reparación de windows vista

Div de estilo para todos los sistemas operativos

.todos-OS {
margen: 0 ;
relleno: 5px;
color de fondo: rgb ( 155 , 155 , 155 ) ;
}

 
El div con el nombre de clase ' todo-OS ” tiene el estilo siguiente:

    • .all_OS ” se utiliza para acceder al
      relacionado.
    • margen La propiedad ” se utiliza para agregar espacio alrededor del elemento div.
    • 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

.tú {
margen: 10px;
relleno: 5px;
fondo: blanco;
}

 
Aplicar estilos al siguiente

llamado “ ”. La descripción de las propiedades se da a continuación:

    • .tú ” acceda al
      con el nombre os.
    • margen La propiedad ” agrega un espacio de 10px 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, se aplica estilo al párrafo configurando las propiedades como se menciona a continuación.

Estilo p Elemento

pags {
margen: 3px;
tamaño de fuente: 15px;
}

 
Las siguientes propiedades se aplican al elemento

:

    • margen La propiedad ” agrega un espacio de 3px alrededor del contenido del elemento.
    • tamaño de fuente La propiedad ” establece el tamaño de fuente del texto en 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 varios artículos, y la explicación relacionada con cada sistema operativo se encuentra en la etiqueta

. Además, un artículo se muestra uno tras otro a medida que se desplaza la pantalla.

cómo ver la versión de Chrome

Así es como podemos crear publicaciones en blogs, publicaciones en foros y documentos similares a revistas usando la etiqueta HTML

.

Conclusión

Como sabemos, los escritores de artículos o bloggers escriben el documento teniendo en cuenta el concepto central del tema. Del mismo modo, en HTML, las etiquetas

se utilizan para mencionar contenido que es completamente contenido e independiente. Además, puede haber una o más etiquetas
en un archivo HTML, que se pueden anidar. Este estudio ha explicado el uso de la etiqueta
con un ejemplo.