Ushbu natijani ekranda chiqarish uchun biz <dialog> tegidan foydalanamiz. Hozir yuqoridagi rasmni chiqarish uchun yozilgan kodni ko'ramiz.
<!DOCTYPE html>
<html>
<head>
<title>Document</title>
</head>
<body>
<dialog open>Dialog tegi haqida</dialog>
</body>
</html>
Siz hozir bu kodni o'zingiz yozib ishlatib ko'ring. Natija esa yuqoridagi rasmga o'hshahsh chiqadi. Yani matn qora chegara ( ramka ) ga ega bo'ladi. Matn esa vebsahifaning o'rtasidan joy oladi.