Pinned

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.

Cara Mudah Menambahkan Ilustrasi atau Foto Menggunakan Tag Figure HTML5
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].

Sintak:
<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>


Artikel ini didedikasikan kepada: M. Kaharudin Nicha Wibowo, Maulana Fadil Ibrahim, Mayang Wulansari, Meidito Dewa Saputra, dan Mohammad Kafabi Murtajaya.

6 komentar:

  1. Apa yang dimaksud dengan tag figure pada html?

    BalasHapus
    Balasan
    1. Ketika 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.

      Hapus
  2. Apa fungsi dari tag figure pada html?

    BalasHapus
    Balasan
    1. Tag figure digunakan untuk menambahkan konten mandiri seperti ilustrasi, diagram, foto, dan daftar kode lainnya dalam dokumen html.

      Hapus
  3. Apa perbedaan antara figure dan image pada html?

    BalasHapus
    Balasan
    1. Figure 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

Hubungi admin melalui Wa : +62-896-2514-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things come from small things -