Html | Detaljer tag

Å organisere data på et nettsted er en avgjørende oppgave. Mer spesifikt, når vi legger til stor tekst, hjelper organiseringen av dataene til å unngå lesbarhetsproblemer for brukere. I et annet scenario vil brukeren bare se informasjonen når han klikker på en bestemt seksjon. For dette formålet, html “<Detaljer>”Tag brukes, som kan klikkes for å se eller skjule detaljene. Sammendragskoden som er lagt til i detaljhandelen, brukes også til å legge til synlige overskrifter.

Denne opplæringen vil gi en detaljert guide til HTML -taggen.

Hvordan bruke HTML -taggen?

For å bruke HTML -taggen, følg den medfølgende syntaks:

Noen overskrifter

Innhold…

I den ovennevnte syntaks:

• er startkoden.
• Tag brukes til å spesifisere en synlig overskrift for detaljene.
• er den avsluttende taggen.

• TAG spesifiserer noe avsnittinnhold på siden.

• er den avsluttende taggen.
• er den avsluttende taggen.

Eksempel: Hvordan sette inn element i HTML?

Først, legg til/lag et divelement med et klassenavn “desc”I HTML. Innenfor dette divelementet, legg til

element for å spesifisere noe avsnittinnhold som vist nedenfor:

Her er listen over HTML -tagger med detaljene deres:

Innenfor dette Div -elementet, legg til så mange detaljerte tagger du vil. Her i dette eksemplet vil vi legge til tre detaljerte tagger sammen med HTML -taggen og

stikkord:

HTML BR -TAG

HTML BR -taggen brukes til å legge til en linjepause.

HTML HEAD -TAG

HTML -hodemerke brukes til å holde metadataene.

Html p tag

HTML P -taggen brukes til å legge til et avsnitt.

Den ovennevnte koden vil resultere i tilsvarende utgang:

Så ja, strukturen er fullført, nå bruker de noen CSS -egenskaper for en bedre layout.

Stil “desc” div

.desc
Høyde: 250px;
Margin: 0px Auto;
Border: 3px Solid #9C2C77;
Bredde: 80%;
polstring: 5px 10px;
Font-størrelse: 16px;
Font-Family: Verdana, Genève, Tahoma, Sans-Serif;
Bakgrunnsfarge: #F2C0F5;

Div -elementet som har klasse “desc”Brukes med følgende egenskaper:

• “høyde”Eiendom brukes til innstilling av elementets høyde.
• “margin”Eiendom med verdien som '0px auto”Indikerer plassen til 0px i toppbunnen og lik plass på venstre høyre side.
• “grense”Eiendom med verdien som“3px solid grå”Definerer grenselinjebredden som 3px, solid grensestil og grensefargen.
• “bredde”Eiendom brukes til å stille inn/justere elementets bredde.
• “polstring”Eiendom med verdien som“5px 10px”Indikerer”5px”Plass på toppbunn og“10px”Plass til venstre til elementets innhold.
• “skriftstørrelse”Attributt spesifiserer størrelsen på et elements skrift.
• “Font-familie”Er satt med listen over fontstiler for å sikre at hvis en skriftfamilie ikke støttes av nettleseren, vil andre bli brukt.
• “bakgrunnsfarge”Eiendom er satt til å spesifisere elementets bakgrunnsfarge.

Stil "detaljer" element

detaljer
Markør: peker;
Font-family: Cursive;

HTML -detaljselementet brukes med følgende egenskaper:

• “markør”Eiendom med verdien som er“peker”Vil endre musemarkøren som en pekende hånd når du svevde på elementets innhold.
• “Font-familie”Eiendom tildelt verdien”kursiv”, Spesifisere teksten i kursiv stil.

Stil "sammendrag" -element

Sammendrag
Fontvekt: fet;

Sammendragskoden brukes med "Fontvekt”Eiendom med verdien”dristig”.

Koden over vil gi resultater som vist i bildet nedenfor:

Slik kan vi implementere HTML -elementet.

Konklusjon

Mens du utvikler et nettsted, er det nødvendig å plassere data på en organisert måte. Spesielt når en lang tekst er plassert på et nettsted, kan det forårsake problemer i lesing, spore informasjon og mer. HTML -taggen brukes til å organisere data og gir funksjonalitet for å skjule eller se detaljene ved klikk. Denne bloggen har demonstrert HTML -taggen med et praktisk eksempel.