HTML-artikeltag

Html Artikeltag



HTML5 introduceerde de “ ”-tag die kan worden gebruikt om een ​​specifiek op zichzelf staand onderdeel in een document, applicatie of site weer te geven. Deze HTML-component kan herbruikbaar en distributief zijn, zoals in een forumpost, een tijdschrift, een blogpost en meer.

Deze studie leert je over de HTML

tag. Dus laten we gaan!







Wat is HTML
-tag?

Het

-element en het
-element werken op dezelfde manier wat betreft functionaliteit, vormgeving en weergave. De tag
in een document geeft echter meer semantische informatie aan zoekmachines en schermlezers. Bovendien bevat een HTML-bestand meerdere
-tags die kunnen worden genest.



Hoe HTML
-tag te gebruiken?

Volg de onderstaande syntaxis om de HTML

-tag te gebruiken:



< artikel > artikel >


Hier, ' ' is de starttag en ' ” is de eindtag.





Laten we een voorbeeld bekijken om het gebruik van de tag

te demonstreren.

Voorbeeld:

-tag gebruiken in HTML



Voeg in HTML eerst een

-tag toe met een klasse genaamd ' alle besturingssystemen ” en de

voor de kop. Voeg vervolgens nog een
-tag toe met een klasse genaamd ' jij ”. Specificeer binnen deze
tag de

voor de kop en de

voor een alinea. Voeg daarna de twee

-tags genest met

- en

-tags als volgt toe:

< artikel klas = 'alle besturingssystemen' >
< h1 > Meest populaire besturingssystemen h1 >
< artikel klas = 'jij' >
< h2 > ramen h2 >
< p > Windows is een groep van meerdere eigen grafische besturingssystemen. Het is ontwikkeld en op de markt gebracht door Microsoft. p >
artikel >
< artikel klas = 'jij' >
< h2 > Linux h2 >
< p > Linux is een open-source besturingssysteem gebaseerd op de Linux-kernel. Het is meestal verpakt net zo een Linux-distributie. p >
artikel >
< artikel klas = 'jij' >
< h2 > macOS h2 >
< p > macOS is een Unix-besturingssysteem dat is ontwikkeld en op de markt wordt gebracht door Apple Inc. Het is bekend net zo het hoofdbesturingssysteem voor Appel 's Mac-computers.




In het volgende gedeelte worden de CSS-stijlen beschreven die worden toegepast op de bovengenoemde HTML-elementen.



Stijl all-OS div

gebruiker toevoegen aan wielgroep centos
.all-OS {
marge: 0 ;
opvulling: 5px;
achtergrondkleur: rgb ( 155 , 155 , 155 ) ;
}


De div met de klassenaam ' alle besturingssystemen ” is als volgt vormgegeven:

    • .all_OS ” wordt gebruikt om toegang te krijgen tot de gerelateerde
      .
    • marge ” eigenschap wordt gebruikt om ruimte rond het div-element toe te voegen.
    • opvulling ” eigenschap voegt ruimte toe rond de inhoud van het div-element.
    • Achtergrond kleur ” is ingesteld om de achtergrondkleur van het div-element toe te passen.

Stijl os div

.jij {
marge: 10px;
opvulling: 5px;
achtergrond: wit;
}


Pas stijlen toe op de volgende

met de naam “ jij ”. De beschrijving van de eigenschappen wordt hieronder gegeven:

wat is beter asus of acer
    • .jij ” Ga naar de
      met de naam os.
    • marge ” eigenschap voegt een spatie van 10px toe rond de div.
    • opvulling ” eigenschap voegt een ruimte van 5px toe rond de inhoud van het div-element.
    • Achtergrond kleur ” eigenschap stelt de achtergrondkleur van het div-element in.

Nadat de CSS-stijleigenschappen aan de bovenstaande

-tags zijn gegeven, wordt de alinea opgemaakt door de eigenschappen in te stellen zoals hieronder vermeld.

Stijl p Element

p {
marge: 3px;
lettergrootte: 15px;
}


De volgende eigenschappen worden toegepast op het

-element:

    • marge ” eigenschap voegt 3px ruimte toe rond de inhoud van het element.
    • lettertypegrootte ” eigenschap stelt de lettergrootte van de tekst in op 15px.

Sla de toegevoegde code op en open het bestand in uw browser. Het resultaat wordt weergegeven zoals hieronder weergegeven:


Het hierboven verstrekte document kan meerdere artikelen bevatten en de uitleg met betrekking tot elk besturingssysteem is opgenomen in de tag

. Bovendien wordt het ene artikel na het andere weergegeven terwijl het scherm scrolt.

Zo kunnen we blogberichten, forumberichten en tijdschriftachtige documenten maken met behulp van de HTML

-tag.

Conclusie

Zoals we weten, schrijven artikelschrijvers of bloggers het document door rekening te houden met het kernconcept van het onderwerp. Evenzo worden in HTML de

-tags gebruikt om inhoud te vermelden die volledig ingesloten en onafhankelijk is. Bovendien kunnen er een of meer
-tags in een HTML-bestand staan, die kunnen worden genest. Deze studie heeft het gebruik van de tag
uitgelegd met een voorbeeld.