Tag Figure pada HTML dan Fungsinya
Tag <figure> pada HTML digunakan untuk menambah konten mandiri seperti ilustrasi, diagram, foto, atau daftar kode pada sebuah dokumen. Tag ini berkaitan dengan main flow tetapi dapat juga digunakan pada posisi apapun dari sebuah dokumen dan figure yang ikut bersama flow atau aliran pada dokumen dan jika dihilangkan maka tidak akan memberi dampak pada flow pada dokumen. Tag ini merupakan tag baru pada HTML5.
Sintak:
<figure> Konten Image... </figure>
 |
| Ilustrasi Tag Figure HTML5 |
Sebelum memahami lebih dalam materi tentang Tag Figure pada HTML dan Fungsinya, terlebih dahulu pelajari materi tentang: Tag Figcaption pada HTML dan Fungsinya [klik], Kotak Dialog pada HTML dan Fungsinya [klik], dan Tag Details pada HTML dan Fungsinya [klik].
<figure> Konten Image... </figure>
Baca Juga:
Atribut: Sebagian besar mengandung dua jenis tag seperti berikut ini:
- img src: tag ini digunakan untuk menambah sumber gambar pada dokumen.
- figcaption: tag ini digunakan untuk mengatur caption pada gambar.
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
tag figure
</title>
<style>
body
{
text-align:center;}
h1
{
color:green;}
</style>
</head>
<body>
<h1>
ElfanMauludi
</h1>
<h2>
tag figure
</h2>
<figure>
<img
src=
"https://3.bp.blogspot.com/-xt7aSJ_ULTc/YKiLDQwvGDI/AAAAAAAANvg/sGe_rRQpkBI1JlAQ_p3zT0skNK8PhpT4ACK4BGAYYCw/s113/964d6513-5fb5-479e-b018-c0af234fddca.jpg"
alt="logo SMANDELA"
width="304"
height="228">
<figcaption>
logo SMANDELA
</figcaption>
</figure>
</body>
</html>
Referensi Tambahan:
- 2 Contoh Penggunaan Tag Mark pada HTML5 [klik]
- 7 Jenis Atribut yang Dapat Digunakan pada Tag Meter HTML5 [klik]
- 2 Contoh Utama Penggunaan Tag Nav pada HTML5 [klik]
- 3 Atribut Utama yang Digunakan pada Tag Fieldset HTML5 [klik]
- 258 Karakter Operator Matematika yang Digunakan pada HTML5 [klik]
- 7 Jenis Atribut Utama yang Digunakan pada Tag Video HTML5 [klik]
- 2 Nilai Utama yang Digunakan pada Atribut Translate HTML5 [klik
Artikel ini didedikasikan kepada: M. Kaharudin Nicha Wibowo, Maulana Fadil Ibrahim, Mayang Wulansari, Meidito Dewa Saputra, dan Mohammad Kafabi Murtajaya.
Apa yang dimaksud dengan tag figure pada html?
BalasHapusKetika menulis kode html, tag < figure > merupakan elemen blok yang digunakan untuk menunjukkan konten mandiri yang tidak memengaruhi alur utama artikel. Tag ini berguna jika disertakan bersamaan item seperti diagram, gambar, ilustrasi, dan bagian kode komputer lainnya.
HapusApa fungsi dari tag figure pada html?
BalasHapusTag figure digunakan untuk menambahkan konten mandiri seperti ilustrasi, diagram, foto, dan daftar kode lainnya dalam dokumen html.
HapusApa perbedaan antara figure dan image pada html?
BalasHapusFigure merupakan gambar atau salah satu bentuk diagram yang digunakan untuk menyampaikan informasi, sedangkan image merupakan representasi optik atau lainnya dari suatu object nyata, grafik, ataupun gambar.
Hapus