Tag figury w HTML

HTML5 wprowadził HTML ”Tagi.

Element figury stylu

Rysunek
Border: 5px Solid #B69898;
Wyświetlacz: Flex;
Margines: Auto;
Flex-Flow: kolumna;
maksymalna szerokość: 290px;
Wyściółka: 2px;

Do elementu figura stosuje się następujące właściwości CSS:

• "granica„Własność jest właściwością skrótów, która ustawia granicę elementu. Określa wartości szerokości granicy, stylu granicy i koloru granicy.
• "wyświetlacz”Z wartością Flex stanowi responsywny układ dla przedmiotów.
• "margines„Nieruchomość jest wykorzystywana do umieszczania elementu poziomo w centrum.
• "Flex Flow”Właściwość z kolumną wartości określa kierunek i zachowanie kontenera Flex.
• "maksymalna szerokość”Określa wartość maksymalnej szerokości elementu.
• "wyściółka”Produkuje przestrzeń wokół zawartości elementu.

Style IMG Element

img
Max-Height: 140px;
maksymalna szerokość: 290px;

Oto opis dodanych właściwości:

• "maksymalna wysokość”Właściwość o wartości 140px ustawia maksymalną wysokość elementu na 140px.
• "maksymalna szerokość”Właściwość o wartości 140px ustawia maksymalną szerokość elementu na 140px.

Obecnie nasza strona internetowa wygląda tak:

Teraz stygnij element w poniższej sekcji.

Styl Figcaption Element

figcaption
kolor tła: RGB (25, 11, 104);
Kolor: Ghost White;
Text-Align: Center;
Czcionka: Kursywa mniejsza bez Sans-Serif;
Wyściółka: 6px;

Zastosuj następujące właściwości CSS do elementu figcaption:

• "kolor tła„Właściwość jest wykorzystywana do zastosowania koloru na tło elementu.
• "kolor”Określa kolor czcionki.
• "tekst-align”Właściwość ustawia wyrównanie elementu zgodnie z jego wartością.
• "czcionka”Właściwość z ustawioną wartością jako kursywą mniejszą Sans-Serif wskazuje styl czcionki jako kursywę, mała i rabata czcionki.
• "wyściółka„Właściwość dodaje miejsce wokół zawartości elementu.

Podając powyższe właściwości CSS do elementów, otrzymamy wynik, jak pokazano poniżej:

Opracowaliśmy niezbędne informacje związane z znacznikiem figury HTML w HTML.

Wniosek

Istnieją różne właściwości, które możemy zastosować do elementów HTML, aby były przystojne i zorganizowane. Podobnie, lub tagi są wykorzystywane do wstawienia obrazów do HTML. Mówiąc dokładniej, element obsługuje grupę treści, taką jak lista kodów, diagramy lub zdjęcia. Może również zawierać dodanie podpisu do treści. W tym artykule pokazano użycie znacznika figury HTML z praktycznym przykładem.