Logo Komodo Koding /Koding

Menampilkan detail di HTML

Menyembunyikan sebuah detail di atas rangkuman text, bisa menggunakan tag details-summary di HTML

Kita bisa membungkus sebuah text penjelasan di bawah sebuah judul atau text yang kita inginkan dengan pasangan tag details dan tag summary

Cara menggunakan tag details dan summary

<details>
    <summary>Catatan Kaki</summary>
     - dari W3School<br>
    - dari MDN Mozilla
</details>

Yang menampilkan:

Catatan Kaki - dari W3School
- dari MDN Mozilla

🤔 Coba deh

Klik text tanda panah di atas.

Penjelasan tag details

  • Untuk text yang ingin ditampilkan langsung, letakkan di antara tag <summary>.
  • Apapun yang kamu letakkan di dalam tag details tapi di luar summary, maka akan dianggap sebagai detail atau penjelasannya.