<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Mi Página Web</title>
    <style>
      /* Estilos CSS */
      body {
        font-family: Arial, sans-serif;
        background-color: #f1f1f1;
      }
      .container {
        width: 80%;
        margin: 0 auto;
        text-align: center;
      }
      h1 {
        color: #333;
        margin-top: 50px;
      }
      button {
        background-color: #4CAF50;
        color: white;
        padding: 14px 20px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        margin-top: 20px;
      }
    </style>
  </head>
  <body>
    <div class="container">
      <h1>Bienvenido a mi página web</h1>
      <button id="miBoton">Haz clic aquí</button>
    </div>

    <script>
      // Código JavaScript
      const miBoton = document.querySelector("#miBoton");
      miBoton.addEventListener("click", function() {
        alert("Haz hecho clic en el botón");
      });
    </script>
  </body>
</html>
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>เว็บไซต์ของฉัน</title> <style> /* รูปแบบ CSS */ body { ตระกูลแบบอักษร: Arial, sans-serif ; พื้นหลัง - สี : #f1f1f1 ; } .container { ความกว้าง: 80%; ระยะขอบ : 0 อัตโนมัติ ; ข้อความ - จัดแนว : กึ่งกลาง ; } h1 { สี : #333 ; ระยะขอบ - บน : 50px ; } ปุ่ม { พื้นหลัง - สี : #4CAF50 ; สี: ขาว; การขยาย : 14px 20px ; เส้นขอบ : ไม่มี ; เส้นขอบ - รัศมี : 4px ; เคอร์เซอร์ : ตัวชี้ ; ระยะขอบ - บน : 20px ; } </style> </head> <body> <div class="container"> <h1>ยินดีต้อนรับสู่เว็บไซต์ของฉัน</h1> <button id="myButton">คลิกที่นี่</button> </div > < สคริปต์> // รหัส JavaScript const myButton = document.querySelector("#myButton"); myButton.addEventListener("คลิก", function() { alert("คลิกปุ่มแล้ว"); }); </script> </body> </html>
spam fails_task lang_mismatch pii not_appropriate hate_speech sexual_content quality toxicity humor helpfulness creativity violence