Home html Element figure html

Element figure html

Element <figure> adalah Element semantik yang digunakan untuk membungkus konten mandiri (self-content) seperti gambar, ilustrasi, diagram, kode ataupun label.

Element ini biasanya disertakan dengan keterangan atau caption untuk menjelaskan menggunakan element (figcaption).

Kegunaan element ini adalah untuk mengelompokan media (gambar, video, grafik, dll) agar memiliki konteks yang jelas dan mudah di atur oleh manusia ataupun mesin (seperti: SEO, screen reader, dll).

Selain itu, kegunaan element ini juga membantu browser dan SEO untuk memahami antara media dan keterangannya. Element ini juga mudah diposisikan dan dipindah-pindahkan seperti kelapiran atau sidebar, dan juga dapat digunakan untuk berbagai media seperti : potongan kode program, diagram SVG, grafik data ataupun video. Seperti contoh:

<figcaption>logo perusahaan export</figcaption>

</figure>

Buatlah sebuah <img> dengan src https://share.google/images/rtDK484Nyy81cygP4

Gunakan alt dengan kalimat "logo Facebook" dan nesting dengan element <figure>, jangan lupa untuk menutup dengan tag penutup.

<!DOCTYPE html> <html> <head> </head> <main> <body>  <h1>Hello World</h1> <hr> <h2>latihan html</h2> <p>Ini adalah paragraph pertama</p> <p>ini adalah paragraph kedua</p> <p>silahkan <a href="https://www.google.com">cari di google</a> agar lengkap</p> <hr> <section> <h2>Internet</h2> <h3>sosial media</h3> <ul> <li>facebook</li> <li>instagram</li> <li>youtube</li> </ul> </section> </body> </main> </html>

❮ Previous

Next ❯

Element figure html

0 Response to "Element figure html"

Post a Comment