HTML artikel Tag

Html Artikel Tag



HTML5 introducerede ' ” tag, der kan bruges til at repræsentere en specifik selvstændig komponent i ethvert dokument, program eller websted. Denne HTML-komponent kan genbruges og distribueres, såsom i et forumindlæg, et magasin, et blogindlæg og mere.

Denne undersøgelse vil lære dig om HTML

tagget. Så lad os gå!







Hvad er HTML
Tag?

-elementet og
-elementet fungerer på samme måde med hensyn til funktionalitet, stil og visning. Taget
i et dokument giver dog mere semantisk information til søgemaskiner og skærmlæsere. Desuden indeholder en HTML-fil flere
-tags, der kan indlejres.



Hvordan bruger man HTML
Tag?

Følg nedenstående syntaks for at bruge HTML

-tagget:



< artikel > artikel >


Her, ' ' er startmærket, og ' ” er slutmærket.





c ++ find størrelsen på array

Lad os gennemgå et eksempel for at demonstrere

-tagbrugen.

Eksempel: Brug af -tag i HTML



I HTML skal du først tilføje et

tag med en klasse ved navn ' alt-OS ” og

for overskriften. Tilføj derefter endnu et
tag med en klasse ved navn ' du ”. Inde i dette
tag skal du angive

for overskriften og

for et afsnit. Derefter skal du inkludere de to

-tags indlejret med

- og

-tags som følger:

< artikel klasse = 'alle OS' >
< h1 > Mest populære operativsystemer h1 >
< artikel klasse = 'du' >
< h2 > Windows h2 >
< s > Windows er en gruppe af flere proprietære grafiske operativsystemer. Det er udviklet og markedsført af Microsoft. s >
artikel >
< artikel klasse = 'du' >
< h2 > Linux h2 >
< s > Linux er et open source-operativsystem baseret på Linux-kernen. Det er typisk pakket som en Linux-distribution. s >
artikel >
< artikel klasse = 'du' >
< h2 > macOS h2 >
< s > macOS er et Unix-operativsystem udviklet og markedsført af Apple Inc. Det er kendt som hovedoperativsystemet til Æble 's Mac-computere.




Det næste afsnit vil beskrive de CSS-stile, der anvendes på de ovennævnte HTML-elementer.



Style all-OS div

debian tilføj bruger til sudo
.all-OS {
margin: 0 ;
polstring: 5px;
baggrundsfarve: rgb ( 155 , 155 , 155 ) ;
}


div med klassenavnet ' alt-OS ' er stylet sådan her:

    • .alle_OS ” bruges til at få adgang til den relaterede
      .
    • margen ” egenskaben bruges til at tilføje plads omkring div-elementet.
    • polstring ” egenskab tilføjer plads omkring indholdet af div-elementet.
    • baggrundsfarve ” er indstillet til at anvende baggrundsfarven for div-elementet.

Stil os div

.du {
margen: 10px;
polstring: 5px;
baggrund: hvid;
}


Anvend typografier på den næste

med navnet ' du ”. Beskrivelsen af ​​ejendommene er givet nedenfor:

bygge din egen hjemmeserver
    • .du ” få adgang til
      med navnet os.
    • margen ” egenskab tilføjer et mellemrum på 10px omkring div.
    • polstring ” egenskab tilføjer et mellemrum på 5px omkring indholdet af div-elementet.
    • baggrundsfarve egenskaben indstiller div-elementets baggrundsfarve.

Efter at have givet CSS-stilegenskaberne til ovenstående

-tags, styles afsnittet ved at indstille egenskaberne som nævnt nedenfor.

Stil p Element

s {
margin: 3px;
skriftstørrelse: 15px;
}


Følgende egenskaber anvendes på

-elementet:

    • margen ” egenskab tilføjer 3px plads omkring elementets indhold.
    • skriftstørrelse egenskaben indstiller tekstskriftstørrelsen til 15px.

Gem den tilføjede kode og åbn filen i din browser. Resultatet vil blive vist som vist nedenfor:


Det ovennævnte dokument kan have flere artikler, og forklaringen relateret til hvert operativsystem er indeholdt i

-tagget. Desuden vises den ene artikel efter den anden, mens skærmen ruller.

Det er sådan, vi kan oprette blogindlæg, forumindlæg og magasinlignende dokumenter ved hjælp af HTML-tagget

.

Konklusion

Som vi ved, skriver artikelskribenter eller bloggere dokumentet ved at huske emnets kernekoncept. Ligeledes bruges

tags i HTML til at omtale indhold, der er fuldt indeholdt og uafhængigt. Desuden kan der være et eller flere
-tags i en HTML-fil, som kan indlejres. Denne undersøgelse har forklaret brugen af ​​