Figura tag in HTML

HTML5 ha introdotto un HTML "Tag.

Elemento di figura di stile

figura
Bordo: 5px Solid #B69898;
display: flex;
Margine: auto;
Flex-Flow: colonna;
Licromra massima: 290px;
imbottitura: 2px;

Le seguenti proprietà CSS sono applicate all'elemento figura:

• "confine"La proprietà è una proprietà shorthand che imposta il confine dell'elemento. Specifica i valori per la larghezza del bordo, lo stile del bordo e il colore del bordo.
• "Schermo"Con Value Flex è un layout reattivo per gli articoli.
• "margine"La proprietà viene utilizzata per posizionare l'elemento orizzontale al centro.
• "Flex-flow"Proprietà con la colonna Valore Specifica la direzione del contenitore flessibile e il comportamento di avvolgimento.
• "larghezza massima"Specifica il valore della larghezza massima di un elemento.
• "imbottitura"Produce spazio attorno al contenuto dell'elemento.

Elemento IMG di stile

img
MAX-HEIGHT: 140px;
Licromra massima: 290px;

Ecco la descrizione delle proprietà aggiunte:

• "altezza massima"Proprietà con il valore 140px imposta l'altezza massima dell'elemento su 140px.
• "larghezza massima"Proprietà con il valore 140px imposta la larghezza massima dell'elemento su 140px.

Attualmente, la nostra pagina web sembra così:

Ora, modella l'elemento nella sezione seguente.

Elemento Fitcaption Style

figcaption
Background-color: RGB (25, 11, 104);
Colore: Ghostwhite;
Testo-align: centro;
FONT: corsivo sans-serif più piccolo;
imbottitura: 6px;

Applicare le seguenti proprietà CSS all'elemento FIGCAPTION:

• "colore di sfondo"La proprietà viene utilizzata per applicare il colore sullo sfondo dell'elemento.
• "colore"Specifica il colore del carattere.
• "allineamento"La proprietà imposta l'allineamento dell'elemento in base al suo valore.
• "font"Proprietà con il valore impostato come corsivo sans-serif più piccolo indica lo stile del carattere come corsivo, dimensioni piccole e familiari come sans-serif.
• "imbottitura"La proprietà aggiunge spazio attorno al contenuto dell'elemento.

Fornendo le proprietà CSS di cui sopra agli elementi, otterremo il risultato come mostrato di seguito:

Abbiamo compilato le informazioni essenziali relative al tag figura HTML in HTML.

Conclusione

Esistono diverse proprietà che possiamo applicare agli elementi HTML per renderli belli e organizzati. Allo stesso modo, i tag OR sono utilizzati per inserire immagini nell'HTML. Più specificamente, l'elemento gestisce il gruppo di contenuti come elenco di codice, diagrammi o foto. Può anche contenere la didascalia per aggiungere un po 'di didascalia. Questo articolo ha dimostrato l'uso del tag figura HTML con un esempio pratico.