Pinned

Tag Figcaption pada HTML dan Fungsinya

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.

2 Contoh Cara Mudah Mengatur Figcaption HTML5
Ilustrasi Figcaption HTML5

Sebelum memahami lebih dalam materi tentang Tag Figcaption pada HTML dan Fungsinya, terlebih dahulu pelajari materi tentang: Kotak Dialog pada HTML dan Fungsinya [klik], Tag Details pada HTML dan Fungsinya [klik], dan Teks Bidirectional pada HTML5 dan Fungsinya [klik].

sintak:
<figcaption> Figure caption </figcaption>

Contoh:

<!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>


Contoh:

<!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>


Artikel ini didedikasikan kepada: Kharisma Dwi Afrilia, M. Kaharudin Nicha Wibowo, Maulana Fadil Ibrahim, Mayang Wulansari, dan Meidito Dewa Saputra.

5 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

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 -