Etiqueta d'article HTML

Etiqueta D Article Html



HTML5 va introduir el '

” etiqueta que es pot utilitzar per representar un component autònom específic en qualsevol document, aplicació o lloc. Aquest component HTML pot ser reutilitzable i distributiu, com ara una publicació en un fòrum, una revista, una publicació de bloc i molt més.

Aquest estudi us ensenyarà l'etiqueta HTML

. Així doncs, anem!







Què és l'etiqueta HTML
?

L'element

i l'element
funcionen de manera similar en termes de funcionalitat, estil i visualització. Tanmateix, l'etiqueta
d'un document ofereix més informació semàntica als motors de cerca i lectors de pantalla. A més, un fitxer HTML conté diverses etiquetes
que es poden imbricar.



Com utilitzar l'etiqueta HTML
?

Per utilitzar l'etiqueta HTML

, seguiu la sintaxi que s'indica a continuació:



< article > article >


Aquí, '

' és l'etiqueta inicial i '
” és l'etiqueta final.





Vegem un exemple per demostrar l'ús de l'etiqueta

.

Exemple: ús de l'etiqueta

en HTML



En HTML, primer, afegiu una etiqueta

amb una classe anomenada ' tot-OS ” i el

per a l'encapçalament. A continuació, afegiu una altra etiqueta
amb una classe anomenada ' vostè ”. Dins d'aquesta etiqueta
, especifiqueu el

per a l'encapçalament i

​​per a un paràgraf. Després d'això, inclou les dues etiquetes

imbricades amb etiquetes

i

​​de la manera següent:

< article classe = 'tot el sistema operatiu' >
< h1 > Sistemes operatius més populars h1 >
< article classe = 'vostè' >
< h2 > Windows h2 >
< pàg > Windows és un grup de sistemes operatius gràfics propietaris múltiples. Està desenvolupat i comercialitzat per Microsoft. pàg >
article >
< article classe = 'vostè' >
< h2 > Linux h2 >
< pàg > Linux és un sistema operatiu de codi obert basat en el nucli Linux. Normalment s'empaqueta com una distribució de Linux. pàg >
article >
< article classe = 'vostè' >
< h2 > macOS h2 >
< pàg > macOS és un sistema operatiu Unix desenvolupat i comercialitzat per Apple Inc. És conegut com el sistema operatiu principal per poma ordinadors Mac de.




La següent secció descriurà els estils CSS aplicats als elements HTML esmentats anteriorment.



Estil tot-OS div

.all-OS {
marge: 0 ;
farciment: 5px;
color de fons: rgb ( 155 , 155 , 155 ) ;
}


El div amb el nom de la classe ' tot-OS ” s'anomena així:

    • .all_OS ” s'utilitza per accedir al
      relacionat.
    • marge La propietat s'utilitza per afegir espai al voltant de l'element div.
    • farciment ” La propietat afegeix espai al voltant del contingut de l'element div.
    • color de fons ” està configurat per aplicar el color de fons de l'element div.

Estil o div

.vostè {
marge: 10 píxels;
farciment: 5px;
fons: blanc;
}


Apliqueu estils al següent

anomenat ' vostè ”. La descripció de les propietats es dóna a continuació:

    • .vostè ” accedeix al
      amb el nom os.
    • marge ” La propietat afegeix un espai de 10 px al voltant del div.
    • farciment ” afegeix un espai de 5 px al voltant del contingut de l'element div.
    • color de fons La propietat estableix el color de fons de l'element div.

Després de proporcionar les propietats d'estil CSS a les etiquetes

anteriors, el paràgraf s'aplica configurant les propietats tal com s'esmenta a continuació.

Estil p Element

pàg {
marge: 3px;
mida de la lletra: 15px;
}


Les propietats següents s'apliquen a l'element

:

    • marge La propietat afegeix un espai de 3 píxels al voltant del contingut de l'element.
    • mida de la font ” estableix la mida de la font del text com a 15 píxels.

Deseu el codi afegit i obriu el fitxer al vostre navegador. El resultat es mostrarà com es mostra a continuació:


El document proporcionat anteriorment pot tenir diversos articles i l'explicació relacionada amb cada sistema operatiu es troba a l'etiqueta

. A més, un article es mostra un darrere l'altre mentre es desplaça la pantalla.

Així és com podem crear entrades de bloc, publicacions de fòrums i documents semblants a revistes mitjançant l'etiqueta HTML

.

Conclusió

Com sabem, els redactors d'articles o bloggers escriuen el document tenint en compte el concepte bàsic del tema. De la mateixa manera, en HTML, les etiquetes

s'utilitzen per esmentar contingut totalment contingut i independent. A més, hi pot haver una o més etiquetes
en un fitxer HTML, que es poden niar. Aquest estudi ha explicat l'ús de l'etiqueta
amb un exemple.