Kamis, September 12, 2019

tag details html 5

Tag <details> digunakan untuk konten atau informasi yang pada dasarnya tersembunyi tetapi dapat ditampilkan jika user ingin melihatnya. Tag ini digunakan untuk menciptakan widget interaktif sehingga user dapat membuat atapun menutupnya kembali. Konten dari tag detail akan terlihat ketika set atribut dibuka.

Sintak:
<details>
    <summary>  Text content  </summary>
    <div> Content . . . >
</details>

Contoh:
Output:
menampilkan konten tersembunyi dengan tag details pada html 5
Gambar 1 tag details pada html 5

Atribut dari tag detail adalah atribut 'open' yang digunakan untuk menampilkan informasi tersembunyi secara otomatis.

Sintak:
<details open>
    <summary>  Text content  </summary>
    <div> Content . . . >
</details>

Contoh:
Output:
menampilkan konten tersembunyi dengan tag details pada html 5
Gambar 2 tag details pada html 5





Tidak ada komentar:

Posting Komentar

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