Langsung ke konten utama

Iklan





HTML5 Tag Figure

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>

Atribut: Sebagian besar mengandung dua jenis tag seperti berikut ini:
  • satu, img src: tag ini digunakan untuk menambah sumber gambar pada dokumen.
  • dua, 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>

Output:

ElfanMauludi

tag figure

logo SMANDELA
logo SMANDELA


Iklan

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

Posting Komentar

Respon komentar 7 x 24 jam, so please be patient :D