Langsung ke konten utama

HTML5 Tag Figcaption

Tag <figcaption> pada HTML digunakan untuk mengatur caption untuk elemen gambar atau figure pada sebuah dokumen. Tag ini adalah tag baru yang menjadi bagian dari HTML5.

sintak:
<figcaption> Figure caption </figcaption>

Contoh 1:

<!DOCTYPE html>

<html>

 

<head>

<title>

tag figcaption

</title>

 

<style>

body 

{

text-align:center;}

 

h1 

{

color:green;}

</style>

</head>

 

<body>

<h1>

ElfanMauludi

</h1>

 

<h2>

Tag Figcaption

</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 SMAN 8 Semarang" 

style="width:50%">

 

<figcaption>

Logo SMAN 8 Semarang

</figcaption>

</figure>

</body>

 

</html>

Output:

ElfanMauludi

Tag Figcaption

logo SMAN 8 Semarang
Logo Blog

Contoh 2:

<!DOCTYPE html>

<html>

 

<head>

<title>

tag figcaption

</title>

 

<style>

body 

{

text-align:center;}

 

h1 

{

color:green;}

</style>

</head>

 

<body>

<h1>

ElfanMauludi

</h1>

 

<h2>

Tag figcaption

</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 SMAN 8 Semarang">

 

<figcaption>

logo SMANDELA

</figcaption>

</figure>

</body>

 

</html>

Output:

ElfanMauludi

Tag figcaption

logo SMAN 8 Semarang
logo BLOG

Komentar

  1. Apa yang dimaksud dengan tag figcaption pada halaman html?

    BalasHapus
    Balasan
    1. Element < figcation > atau caption figure, merupakan element atau tag pada html yang mewakili keterangan atau deskripsi konten dari element induk < figure >.

      Hapus
    2. Element < figcaption > digunakan dari elemen induk < figure > untuk melampirkan keterangan ke gambar, tabel, ataupun bagan yang terdapat dalam elemen < figure > pada html.

      Hapus
  2. Element figure dapat digunakan dengan ataupun tanpa elemen figcaption. Namun, jika tidak menyertakan caption, atau alternatif lain untuk memberikan nama yang dapat diakses, maka sebuah gambar mungkin tidak memberikan banyak nilai apapun dalam penyampaian semantiknya sendiri. Dalam beberapa kasus, hal tersebut mungkin tidak akan menyampaikan semantik sama sekali jika tidak diberikan nama yang dapat diakses.

    BalasHapus
  3. Elemen < figcaption > bersifat opsional dan dapat muncul sebelum ataupun sesudah konten dalam < figure >. Hanya satu elemen < figcaption > yang dapat disarangkan dalam elemen < figure >, meskipun elemen < figure > itu sendiri mungkin berisi beberapa elemen turunan lainnya.

    BalasHapus

Posting Komentar

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