Langsung ke konten utama

Iklan





HTML5 Tag Dialog

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>

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>

Output:
Tag dialog HTML 5




Iklan

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

Posting Komentar

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