HTML-artikeltagg

Html Artikeltagg



HTML5 introducerade ' ”-tagg som kan användas för att representera en specifik fristående komponent i alla dokument, applikationer eller webbplatser. Denna HTML-komponent kan vara återanvändbar och distribuerande, till exempel i ett foruminlägg, en tidning, ett blogginlägg och mer.

Den här studien kommer att lära dig om HTML-taggen

. Låt oss gå!







Vad är HTML -tagg?

Elementet

och
-elementet fungerar på liknande sätt när det gäller funktionalitet, stil och visning. Men taggen
i ett dokument ger mer semantisk information till sökmotorer och skärmläsare. Dessutom innehåller en HTML-fil flera -taggar som kan kapslas.



Hur använder man HTML -tagg?

För att använda HTML-taggen

, följ nedanstående syntax:



< artikel > artikel >


Här, ' ' är starttaggen, och ' ” är sluttaggen.





Låt oss gå igenom ett exempel för att demonstrera användningen av -taggen.

Exempel: Använda -taggen i HTML



I HTML lägger du först till en -tagg med en klass som heter ' all-OS ” och

för rubriken. Lägg sedan till en annan -tagg med en klass som heter ' du ”. Inuti denna -tagg, ange

för rubriken och

för ett stycke. Efter det, inkludera de två

-taggarna kapslade med

- och

-taggar enligt följande:

< artikel klass = 'all-OS' >
< h1 > Mest populära operativsystem h1 >
< artikel klass = 'du' >
< h2 > Windows h2 >
< sid > Windows är en grupp av flera egna grafiska operativsystem. Det är utvecklat och marknadsfört av Microsoft. sid >
artikel >
< artikel klass = 'du' >
< h2 > Linux h2 >
< sid > Linux är ett operativsystem med öppen källkod baserat på Linux-kärnan. Det är vanligtvis förpackat som en Linux-distribution. sid >
artikel >
< artikel klass = 'du' >
< h2 > Mac OS h2 >
< sid > macOS är ett Unix-operativsystem utvecklat och marknadsfört av Apple Inc. Det är känt som huvudoperativsystemet för Äpple s Mac-datorer.




Nästa avsnitt kommer att beskriva de CSS-stilar som tillämpas på de ovan nämnda HTML-elementen.



Style all-OS div

.all-OS {
marginal: 0 ;
stoppning: 5px;
bakgrundsfärg: rgb ( 155 , 155 , 155 ) ;
}


div med klassnamnet ' all-OS ” är utformad så här:

    • ' .all_OS ” används för att komma åt relaterade
      .
    • ' marginal ”-egenskapen används för att lägga till utrymme runt div-elementet.
    • ' stoppning ” egenskapen lägger till utrymme runt innehållet i div-elementet.
    • ' bakgrundsfärg ” är inställd för att tillämpa bakgrundsfärgen för div-elementet.

Stil os div

.du {
marginal: 10px;
stoppning: 5px;
bakgrund: vit;
}


Tillämpa stilar på nästa

som heter ' du ”. Beskrivningen av fastigheterna ges nedan:

    • ' .du ' gå till
      med namnet os.
    • ' marginal ” egenskapen lägger till ett utrymme på 10px runt div.
    • ' stoppning ”-egenskapen lägger till ett mellanslag på 5px runt innehållet i div-elementet.
    • ' bakgrundsfärg egenskapen ställer in div-elementets bakgrundsfärg.

Efter att ha tillhandahållit CSS-stilegenskaperna till ovanstående

-taggar, formateras stycket genom att ställa in egenskaperna enligt nedan.

Stil p Element

sid {
marginal: 3px;
teckenstorlek: 15px;
}


Följande egenskaper tillämpas på elementet

:

    • ' marginal ”-egenskapen lägger till 3px utrymme runt elementets innehåll.
    • ' textstorlek ”-egenskapen ställer in textens teckensnittsstorlek till 15px.

Spara den tillagda koden och öppna filen i din webbläsare. Resultatet kommer att visas enligt nedan:


Det ovan tillhandahållna dokumentet kan ha flera artiklar, och förklaringen relaterad till varje operativsystem finns i taggen

. Dessutom visas en artikel efter en när skärmen rullar.

Det är så vi kan skapa blogginlägg, foruminlägg och tidningsliknande dokument med HTML-taggen

.

Slutsats

Som vi vet skriver artikelförfattare eller bloggare dokumentet genom att tänka på ämnets kärnbegrepp. På samma sätt, i HTML, används

-taggarna för att nämna innehåll som är helt inneslutet och oberoende. Dessutom kan det finnas en eller flera
-taggar i en HTML-fil, som kan kapslas. Denna studie har förklarat användningen av
-taggen med ett exempel.