Pinned

Kotak Dialog pada HTML dan Fungsinya

Tag <dialog> digunakan untuk menetapkan penggunaan dialog box atau windowTag ini digunakan untuk menciptakan pop up dialog dan model pada websiteTag ini merupakan tag baru yang menjadi bagian dari HTML5.

Cara Sederhana Menambahkan Kotak Dialog pada HTML5
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].

Sintak:
<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>


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

5 komentar:

  1. Apa yang dimaksud dengan tag dialog pada html?

    BalasHapus
    Balasan
    1. HTML 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.

      Hapus
    2. Tag Dialog mendefinisikan kotak dialog atau subwindow yang muncul pada halaman html. Element tersebut digunakan untuk memudahkan membuat dialog popup dan modals pada halaman website.

      Hapus
  2. Apa perbedaan antara tag dialog dan window pada html?

    BalasHapus
    Balasan
    1. Kota 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

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 start from small things -