HTML-artikkeltag

Html Artikkeltag



HTML5 introduserte ' ”-tag som kan brukes til å representere en spesifikk selvstendig komponent i ethvert dokument, program eller nettsted. Denne HTML-komponenten kan gjenbrukes og distribueres, for eksempel i et foruminnlegg, et magasin, et blogginnlegg og mer.

Denne studien vil lære deg om HTML

-taggen. Så la oss gå!





Hva er HTML Tag?

-elementet og
-elementet fungerer på samme måte når det gjelder funksjonalitet, stil og visning. Imidlertid gir
-taggen i et dokument mer semantisk informasjon til søkemotorer og skjermlesere. Dessuten inneholder en HTML-fil flere -tagger som kan nestes.



Hvordan bruke HTML Tag?

For å bruke HTML-koden

, følg syntaksen nedenfor:



< artikkel > artikkel >


Her, ' ' er startkoden, og ' ” er sluttkoden.



La oss gå gjennom et eksempel for å demonstrere

-tagbruken.

Eksempel: Bruk av -tag i HTML



I HTML legger du først til en -tag med en klasse kalt ' all-OS ” og

for overskriften. Deretter legger du til en annen -tag med en klasse kalt ' du '. Inne i denne -taggen, spesifiser

for overskriften og

for et avsnitt. Deretter inkluderer du de to

-taggene som er nestet med

- og

-taggene som følger:

< artikkel klasse = 'all-OS' >
< h1 > Mest populære operativsystemer h1 >
< artikkel klasse = 'du' >
< h2 > Windows h2 >
< s > Windows er en gruppe av flere proprietære grafiske operativsystemer. Den er utviklet og markedsført av Microsoft. s >
artikkel >
< artikkel klasse = 'du' >
< h2 > Linux h2 >
< s > Linux er et åpen kildekode-operativsystem basert på Linux-kjernen. Den er vanligvis pakket som en Linux-distribusjon. s >
artikkel >
< artikkel klasse = 'du' >
< h2 > Mac os h2 >
< s > macOS er et Unix-operativsystem utviklet og markedsført av Apple Inc. Det er kjent som hovedoperativsystemet til eple sine Mac-datamaskiner.


Den neste delen vil beskrive CSS-stilene som brukes på de ovennevnte HTML-elementene.



Style all-OS div

.all-OS {
margin: 0 ;
polstring: 5px;
bakgrunnsfarge: rgb ( 155 , 155 , 155 ) ;
}


div med klassenavnet ' all-OS ' er stilt slik:

    • ' .all_OS ' brukes for å få tilgang til den relaterte
      .
    • ' margin ”-egenskapen brukes til å legge til plass rundt div-elementet.
    • ' polstring ” egenskap legger til plass rundt innholdet i div-elementet.
    • ' bakgrunnsfarge ” er satt til å bruke bakgrunnsfargen til div-elementet.

Stil os div

.du {
margin: 10px;
polstring: 5px;
bakgrunn: hvit;
}


Bruk stiler på neste

kalt ' du '. Beskrivelsen av eiendommene er gitt nedenfor:

    • ' .du ' få tilgang til
      med navnet os.
    • ' margin ” egenskapen legger til et mellomrom på 10px rundt div.
    • ' polstring ”-egenskapen legger til et mellomrom på 5px rundt innholdet i div-elementet.
    • ' bakgrunnsfarge '-egenskapen setter div-elementets bakgrunnsfarge.

Etter å ha gitt CSS-stilegenskapene til

-taggene ovenfor, styles avsnittet ved å angi egenskapene som nevnt nedenfor.

Stil p Element

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


Følgende egenskaper brukes på

-elementet:

    • ' margin ”-egenskapen legger til 3px plass rundt elementets innhold.
    • ' skriftstørrelse ”-egenskapen setter tekstskriftstørrelsen til 15px.

Lagre den tillagte koden og åpne filen i nettleseren din. Resultatet vil vises som vist nedenfor:


Det ovennevnte dokumentet kan ha flere artikler, og forklaringen knyttet til hvert operativsystem finnes i

-taggen. Dessuten vises en artikkel etter hverandre mens skjermen ruller.

Det er slik vi kan lage blogginnlegg, foruminnlegg og magasinlignende dokumenter ved å bruke HTML-koden

.

Konklusjon

Som vi vet, skriver artikkelforfattere eller bloggere dokumentet ved å huske på kjernekonseptet i emnet. På samme måte, i HTML, brukes

-taggene for å nevne innhold som er fullstendig inneholdt og uavhengig. Dessuten kan det være én eller flere
-tagger i en HTML-fil, som kan nestes. Denne studien har forklart bruken av
tag med et eksempel.

Annen

Kategori

Populære Innlegg

Hvordan komme i gang med AWS Elastic Beanstalk?

Hvordan fungerer jQuery change()-metoden

Hvordan bruke boolske uttrykk i C++

Hvordan avdekke skjulte apper på Samsung

Hvordan sette flere hår på Roblox?

Hvordan bruke vpasolve()-funksjonen i MATLAB?

Slik bruker du C String.h-biblioteksfunksjonene

Hva er OpenAIs Jukebox?

NumPy Minste kvadrater

Hvordan kombinere matriser ved hjelp av JavaScript

Vector Erase()-funksjon i C++

Hvordan lade en kondensator

Hvordan returnere en peker fra funksjoner i C++

Hvordan kjøre Shell Script ved oppstart

Slik sletter du søkemotor i Chrome

Hvordan sette inndatatypedatoens standardverdi til i dag?

Pandaer og tilstand

3 måter å endre standardpassord på Raspberry Pi

Hvordan øke med 2 tommer for Loop i JavaScript

Hvordan lage et gif Discord-banner