แก้ไขแล้ว: ปุ่ม html href

ปัญหาหลักเกี่ยวกับปุ่ม HTML href คืออาจเป็นเรื่องยากที่จะจัดรูปแบบปุ่มให้มีลักษณะที่สอดคล้องกันในเบราว์เซอร์ต่างๆ นอกจากนี้ เมื่อใช้แท็กสมอกับแอตทริบิวต์ href ลิงก์จะเปิดในหน้าต่างเดียวกันโดยค่าเริ่มต้น ซึ่งอาจไม่เป็นที่ต้องการสำหรับลิงก์บางประเภท สุดท้าย หากแอตทริบิวต์ href กำหนดค่าไม่ถูกต้อง การคลิกที่ปุ่มอาจส่งผลให้เกิดหน้าแสดงข้อผิดพลาด

<button><a href="">Click Here</a></button>

1. โค้ดบรรทัดนี้สร้างองค์ประกอบปุ่มใน HTML
2. ภายในองค์ประกอบปุ่ม มีแท็กสมอเรือที่มีแอตทริบิวต์ href ว่างเปล่า
3. แท็กสมอประกอบด้วยข้อความ “คลิกที่นี่”

คำจำกัดความของ HREF

HREF ย่อมาจาก Hypertext Reference และเป็นแอตทริบิวต์ HTML ที่ใช้ในการกำหนดไฮเปอร์ลิงก์ ใช้เพื่อเชื่อมโยงหน้าหนึ่งไปยังหน้าอื่นไม่ว่าจะอยู่ในเว็บไซต์เดียวกันหรือเว็บไซต์อื่น แอตทริบิวต์ HREF ระบุปลายทางของลิงก์และสามารถใช้กับองค์ประกอบ HTML อื่นๆ เช่น , และ

ข้อความปุ่ม

จากนั้นเพิ่ม CSS ต่อไปนี้ในสไตล์ชีตของคุณ:

.ปุ่ม {
สีพื้นหลัง: #4CAF50; /* เขียว */
เส้นขอบ: ไม่มี;
สี: ขาว;
padding: 15px 32px;
text-align: center;
ตกแต่งข้อความ: ไม่มี;
จอแสดงผล: อินไลน์บล็อก; ขนาดตัวอักษร: 16px; ขอบ: 4px 2px; เคอร์เซอร์: ตัวชี้;}