Mens du utvikler et nettsted, er det nødvendig å plassere elementer på en organisert måte, spesielt når du oppretter en komponent som inneholder tilleggstekst. I det andre tilfellet, hvis teksten er uorganisert, vil den forårsake lesbarhetsproblemer. For å unngå dette problemet tilbyr HTML en tag som kan brukes til det spesifiserte formålet.

Denne håndboken vil gi en guide til HTML -elementet. Så la oss komme i gang!

Før vi skynder deg inn i diskusjonen relatert til artikkelenes emne, la oss se et eksempel som demonstrerer elementet uten å bruke et sammendragskode.

Hvordan element viser innhold uten elementet?

I det følgende eksempel vil vi vise innholdet ved å bruke "Detaljer”Tag uten sammendragselementet:

Dette er en detaljert forklaring.

Som standard viser elementet en overskriftsdetalj som ikke er meningsfull av seg selv:

Fra output ovenfor kan det observeres hvordan detaljertelementet fungerer uten HTML -elementet.

I neste avsnitt vil riktig bruk av HTML -taggen bli diskutert.

Hva er HTML -taggen?

I HTML, “”Element brukes inne i elementet for å spesifisere en overskrift. Denne overskriften er klikkbar for å se eller skjule detaljene.

Syntaks

innhold…

Innholdsdetaljer ..

Nedenfor er beskrivelsen av ovennevnte syntaks:

• • “”Element spesifiserer tilleggsinformasjonen.
  • “”Element spesifiserer en synlig overskrift som er klikket for å se eller skjule detaljene.

Nå, ta turen mot følgende eksempel.

Eksempel: Hvordan legge til tag i HTML?

I HTML, først, legg til et DIV -element med klassenavnet “Vanlige spørsmål”. Legg så til

element for å legge til en overskrift på websiden. Etter det, Place -taggen, som inneholder detaljert informasjon. Inne i dette elementet brukes elementet til å spesifisere overskriften. Vi vil legge til to til "Detaljer”Elementer på samme måte.

Html

Ofte stilte spørsmål

Hvordan kan jeg handle for ethvert produkt?

Du kan få produktet ved å bare klikke på Legg til i handleknapp.

Hvor lang er leveransen?

Du kan motta produktet ditt om to til tre virkedager.

Godtar du kontanter ved levering?

Ja.

CSS

I CSS er HTML -elementene utstyrt med forskjellige stylingegenskaper.

Stil alle elementer

*
Font-Family: Verdana, Genève, Tahoma, Sans-Serif;

Ovennevnte kodebit representerer at "Font-familie”Med verdien Verdana, Genève, Tahoma, Sans-serif brukes på alle elementer. Dessuten brukes listen over skriftstiler for formålet at hvis nettleseren ikke støtter den første, vil den bruke den andre, og så videre.

Stil -vanlige spørsmål Div

.Vanlige spørsmål
Bredde: 500px;
Høyde: 300px;
Margin: 0 Auto;
polstring: 20px;
Bakgrunnsfarge: #B73E3E;
Markør: peker;
Farge: Ghostwhite;
Font-størrelse: 15px;

Følgende egenskaper brukes på elementet med klassenavn "Vanlige spørsmål:

• • “bredde”Eiendom brukes til innstilling av elementets bredde.
  • “høyde”Eiendom brukes til innstilling av elementets høyde.
  • “margin”Eiendom med verdi”0 Auto”Indikerer 0px plass på topp og bunn og lik plass på venstre og høyre side av DIV -elementet.
  • “polstring”Eiendom med en verdi av“20px”Produserer 20px plass rundt innholdet i DIV -elementet.
  • “bakgrunnsfarge”Eiendom brukes til innstilling av elementets bakgrunn.
  • “markør”Peker viser musen som en hånd med en pekende finger.
  • “farge”Eiendom setter skriftfargen til Ghostwhite.
  • “skriftstørrelse”Eiendom justerer størrelsen på skriften til 15px.

Style H1 Element of Faqs Div

.FAQS H1
Farge: #FFE4BB;
Tekstdekorasjon: Understrek 2px bølget;

“.Vanlige spørsmål H1”Henvises til

Tag of Faqs Div. Forklaringen på de anvendte egenskapene er beskrevet nedenfor:

• • “farge”Eiendom angir skriftfargen.
  • “tekstdekorasjon”Eiendom er satt med verdien”Understrek 2px bølget”Hvor understrek er tekstdekorasjonsegenskapen, er 2px linjens bredde, og bølget er stilen.

Stildetaljer Element

detaljer
polstring: 5px;

Elementet brukes med “polstring”Eiendom som bruker plass rundt innholdet i DIV -elementet.

Stilsammendrag Element

Sammendrag
polstring: 6px;
Font-størrelse: 20px;
Farge: Whitesmoke;

Elementet brukes med CSS -stiler som er beskrevet nedenfor:

• • “polstring”Eiendom med verdi”6px”Produser plass rundt innholdet i sammendragselementet.
  • “skriftstørrelse”Eiendom setter størrelsen på skriften.
  • “farge”Eiendom bruker“Whitesmoke”Farge til skriften.

Ved å tilby den ovennevnte koden, vil websiden vår se slik ut:

Det kan observeres at et sammendrag av hvert av de gitte punktene har blitt tilknyttet det.

Konklusjon

HTML lar oss bruke “”Element som viser overskriften som kan se eller skjule detaljene ved å klikke. Dette HTML -elementet kan brukes til å organisere innholdet og øke det samlede innholdet på websiden. Denne artikkelen har vellykket demonstrert hva en HTML -sammendragsmerke er og hvordan den kan settes inn i en HTML -fil.