Artikel Terbaru

Cara Sederhana Menambahkan Kotak Dialog pada HTML5

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.

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

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

Hot Artikel!!!

Enkapsulasi pada Java

6 Tahap Utama dalam Melakukan Kompilasi Program Hello World Java

6 Contoh Program Method Overloading pada Java