Figur -tag i HTML

HTML5 introduserte en HTML ”Tagger.

Stilfigurelement

Figur
Grense: 5px Solid #B69898;
Display: Flex;
Margin: Auto;
Flex-Flow: kolonne;
Maks bredde: 290px;
polstring: 2px;

Følgende CSS -egenskaper brukes på figurelementet:

• “grense”Eiendom er en kortvarig eiendom som setter elementets grense. Den spesifiserer verdier for bredden på grensen, grensen og fargen på grensen.
• “vise”Med verdi flex gjør et responsivt oppsett for varene.
• “margin”Eiendom brukes til å plassere elementet horisontalt i sentrum.
• “Flex-flow”Eiendom med verdikolonnen spesifiserer Flex -beholderens retning og innpakningsatferd.
• “Maks bredde”Angir verdien av et elements maksimale bredde.
• “polstring”Produserer plass rundt innholdet i elementet.

Stil IMG -element

IMG
Maks-høyde: 140px;
Maks bredde: 290px;

Her er beskrivelsen av de ekstra egenskapene:

• “maksimal”Eiendom med verdien 140px setter elementets maksimale høyde til 140px.
• “Maks bredde”Eiendom med verdien 140px setter elementets maksimale bredde til 140px.

For øyeblikket ser websiden vår slik ut:

Stil elementet i delen nedenfor.

Stil figcaption element

Figcaption
bakgrunnsfarge: RGB (25, 11, 104);
Farge: Ghostwhite;
tekst-align: sentrum;
Font: kursiv mindre sans-serif;
polstring: 6px;

Bruk følgende CSS -egenskaper på Figcaption -elementet:

• “bakgrunnsfarge”Eiendom brukes til å bruke farge på elementets bakgrunn.
• “farge”Angir skriftfargen.
• “Tekstalign”Eiendom setter innretningen av elementet i henhold til verdien.
• “Font”Eiendom med verdien som varsiget mindre Sans-serif indikerer stilen til font som kursiv, størrelse liten og font-familiens som Sans-serif.
• “polstring”Eiendom gir plass rundt innholdet i elementet.

Ved å gi de ovennevnte CSS -egenskapene til elementene, vil vi få resultatet som vist nedenfor:

Vi har samlet den essensielle informasjonen relatert til HTML -figur -taggen i HTML.

Konklusjon

Det er forskjellige egenskaper som vi kan bruke på HTML-elementene for å gjøre dem flinke og organisert. På samme måte brukes OR -taggene for å sette inn bilder i HTML. Mer spesifikt håndterer elementet gruppen av innhold som kodeliste, diagrammer eller bilder. Det kan også inneholde det å legge til en eller annen bildetekst til innholdet. Denne artikkelen demonstrerte bruken av HTML Figur -taggen med et praktisk eksempel.