Kotak Dialog pada HTML dan Fungsinya
Tag <dialog> digunakan untuk menetapkan penggunaan dialog box atau window. Tag ini digunakan untuk menciptakan pop up dialog dan model pada website. Tag ini merupakan tag baru yang menjadi bagian dari HTML5.
Sintak:
<dialog open> Konten... </dialog>
 |
| Ilustrasi Kotak Dialog HTML5 |
Sebelum memahami lebih dalam materi tentang Kotak Dialog pada HTML dan Fungsinya, terlebih dahulu pelajari materi tentang: Tag Details pada HTML dan Fungsinya [klik], Teks Bidirectional pada HTML5 dan Fungsinya [klik], dan Tag Aside pada HTML5 dan Fungsinya [klik].
<dialog open> Konten... </dialog>
Baca Juga:
Atribut: Tag ini menerima atribut tunggal 'open' yang digunakan untuk menetapkan apakah dialog elemen aktif atau tidak dan apakah user dapat berinteraksi dengan tag elemen tersebut.
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
tag dialog
</title>
<style>
dialog
{
color:green;
font-size:30px;
font-weight:bold;
font-style:italic;}
body
{
text-align:center;}
</style>
</head>
<body>
<h1>
tag dialog
</h1>
<dialog open>
Selamat data di Indomaret
</dialog>
</body>
</html>
Referensi Tambahan:
- 2 Atribut Utama Tag Progress pada HTML5 [klik]
- Cara Mudah Menyediakan Tanda Kurung pada Teks HTML5 Menggunakan Tag RP [klik]
- 2 Contoh Penggunaan Tag Mark pada HTML5 [klik]
- 7 Jenis Atribut yang Dapat Digunakan pada Tag Meter HTML5 [klik]
- 2 Contoh Utama Penggunaan Tag Nav pada HTML5 [klik]
- 3 Atribut Utama yang Digunakan pada Tag Fieldset HTML5 [klik]
- 258 Karakter Operator Matematika yang Digunakan pada HTML5 [klik]
Artikel ini didedikasikan kepada: Indra Yoga Saputra, Kharisma Dwi Afrilia, M. Kaharudin Nicha Wibowo, Maulana Fadil Ibrahim, dan Mayang Wulansari.
Apa yang dimaksud dengan tag dialog pada html?
BalasHapusHTML Tag < dialog > digunakan untuk membuat dialog popup baru pada halaman website yang telah disediakan. Tag ini mewakili kotak dialog ataupun komponen interaktif lainnya seperti window dan lain sebagainya. Element atau tag < dialog > menggunakan atribut boolean yang disebut open yang digunakan untuk mengaktifkan elemen dan memfasilitasi pengguna untuk berinteraksi dengan element tersebut.
HapusTag Dialog mendefinisikan kotak dialog atau subwindow yang muncul pada halaman html. Element tersebut digunakan untuk memudahkan membuat dialog popup dan modals pada halaman website.
HapusApa perbedaan antara tag dialog dan window pada html?
BalasHapusKota dialog hanya memiliki tombol close, sedangkan window meiliki tombol close, restore, dan minimize. Kota dialog dimaksudkan sebagai kotak warning yang menampilkan pesan yang diikuti dengan perintah sederhana seperti yes, no, atau save. Sementara windows berfungsi sebagai fungsi yang memungkinkan user untuk memasukkan input yang kemudian dapat dihasilkan nilai outputnya.
Hapus