แอตทริบิวต์รหัส HTML ใช้เพื่อจัดสรรตัวระบุที่ไม่ซ้ำให้กับองค์ประกอบเพื่อแยกองค์ประกอบนั้นสำหรับการประยุกต์ใช้ CSS และ JavaScript กับองค์ประกอบนั้น ไม่มีสององค์ประกอบใดที่สามารถมี id เดียวกันในหน้า HTML เดียวได้ รหัสเริ่มต้นด้วย octothorpe (#) หมายเหตุ − อนุญาตให้ระบุรหัส HTML5 ที่ขึ้นต้นด้วยตัวเลขไ
แอตทริบิวต์อ่านอย่างเดียวของอินพุต HTML ใช้เพื่อประกาศองค์ประกอบอินพุตที่ไม่สามารถแก้ไขได้ แม้ว่าจะยังสามารถคัดลอกได้ ให้เรามาดูตัวอย่าง Input readOnly ทรัพย์สิน − ตัวอย่าง <!DOCTYPE html> <html> <head> <title>Input Email readOnly</title> <style> for
แอตทริบิวต์ค่าอินพุต HTML ใช้เพื่อตั้งค่า/ส่งคืนค่าของแอตทริบิวต์ค่า ให้เราดูตัวอย่างของ ค่าที่ป้อน ทรัพย์สิน − ตัวอย่าง <!DOCTYPE html> <html> <head> <title>Input URL value</title> <style> form { width:70%;
คุณสมบัติเหตุการณ์ HTML isTrusted ส่งกลับค่าบูลีนที่สอดคล้องกับเหตุการณ์ที่เชื่อถือได้หรือไม่ หมายเหตุ − หากเรียกใช้โดยสคริปต์ isTrusted จะส่งกลับค่าเท็จ และหากเรียกใช้โดยผู้ใช้ isTrusted จะส่งกลับค่าจริง เรามาดูตัวอย่างของ isTrusted คุณสมบัติเหตุการณ์ - ตัวอย่าง <!DOCTYPE html> <html>
ตาราง HTML DOM createCaption() วิธีการสร้างองค์ประกอบ ที่ว่างเปล่าและเพิ่มลงในตารางในเอกสาร HTML ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์ - object.createCaption() ให้เราดูตัวอย่างของเมธอด createCaption() ตาราง HTML DOM - ตัวอย่าง <!DOCTYPE html> <html> <style> body { &n
ความคิดเห็น HTML อยู่ระหว่างแท็ก ดังนั้น เนื้อหาใดๆ ที่ใส่แท็ก ด้วยจะถือเป็นความคิดเห็นและเบราว์เซอร์จะไม่สนใจเนื้อหาทั้งหมด ความคิดเห็นบรรทัดเดียวใน HTML ตัวอย่าง ให้เราดูตัวอย่างความคิดเห็นบรรทัดเดียวใน HTML - <!DOCTYPE html> <html> <head> <!-- Document Header Starts -->
คุณสมบัติชื่อโฮสต์ HTML DOM Anchor ส่งกลับเฉพาะชื่อโฮสต์ของ URL ส่งคืนชื่อโดเมน ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์การตั้งค่าคุณสมบัติชื่อโฮสต์ - anchorObj.hostname = hostname ด้านบน ชื่อโฮสต์คือชื่อโฮสต์ของ URL ไวยากรณ์ ต่อไปนี้เป็นรูปแบบการคืนค่าคุณสมบัติชื่อโฮสต์ - anchorObj.hostname ตัวอย่าง ให้เร
องค์ประกอบที่ใช้ใน HTML เพื่อสร้างไฮเปอร์ลิงก์พร้อมกับแอตทริบิวต์ href วัตถุสมอแสดงถึงองค์ประกอบ นี้ ตัวอย่าง ในตัวอย่างด้านล่าง เราจะเรียนรู้วิธีเข้าถึงวัตถุสมอ − <!DOCTYPE html> <html> <body> <h2>Demo Heading</h2> <a href="https://google.com" id = "
ต้องใช้แบบฟอร์ม HTML เมื่อคุณต้องการรวบรวมข้อมูลบางส่วนจากผู้เยี่ยมชมไซต์ ตัวอย่างเช่น ระหว่างการลงทะเบียนผู้ใช้ คุณต้องการรวบรวมข้อมูล เช่น ชื่อ ที่อยู่อีเมล บัตรเครดิต ฯลฯ แบบฟอร์มจะรับข้อมูลจากผู้เยี่ยมชมไซต์และจากนั้นจะโพสต์ไปยังแอปพลิเคชันส่วนหลัง เช่น CGI, ASP Script หรือสคริปต์ PHP เป็นต้น แ
องค์ประกอบใน HTML ใช้เพื่ออธิบายข้อมูลเมตา เช่น คำอธิบาย คำหลัก ผู้เขียนเอกสาร ฯลฯ เมตาดาต้านี้จะไม่ปรากฏบนหน้า แต่ถูกใช้โดยเครื่องมือค้นหา เว็บเบราว์เซอร์ ฯลฯ ตอนนี้คุณสามารถตั้งค่าวิวพอร์ตภายใต้ เพื่อกำหนดขนาดของหน้าเว็บ - <meta name="viewport" content="width=device-width, init
คุณลักษณะสูงสุดขององค์ประกอบ ใช้เพื่อกำหนดขอบเขตบนสำหรับ อย่างไรก็ตาม องค์ประกอบ ใช้เพื่อวัดข้อมูลด้วยช่วงที่กำหนด เช่น ระดับการปนเปื้อนของน้ำ และตั้งค่าโดยใช้แอตทริบิวต์ min และ max ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์ - <meter max="num"> ตัวเลขด้านบนเป็นตัวเลขในจุดลอยตัวที่กำหนดแอตทร
แอตทริบิวต์ HTML enctype ระบุรูปแบบการเข้ารหัสสำหรับข้อมูลแบบฟอร์ม เมื่อใช้วิธี post ก็สามารถระบุแอตทริบิวต์ enctype ได้ ที่นี่แอตทริบิวต์ enctype สามารถมีค่าดังต่อไปนี้ - ค่า คำอธิบาย application/x-www-form-urlencoded เป็นค่าเริ่มต้น อักขระทั้งหมดจะถูกเข้ารหัสก่อนที่จะส่ง (ช่องว่างจะถูกแปล
ใน HTML อักขระบางตัวสงวนไว้สำหรับการประกาศไวยากรณ์ การใช้อักขระเหล่านี้ในข้อความอาจทำให้เกิดข้อผิดพลาดที่ไม่ต้องการ ตัวอย่างเช่น คุณไม่สามารถใช้เครื่องหมายมากกว่าและน้อยกว่าเครื่องหมายหรือวงเล็บมุมภายในข้อความ HTML ของคุณได้ เนื่องจากเบราว์เซอร์จะปฏิบัติต่อสิ่งเหล่านี้แตกต่างออกไปและจะพยายามวาดความห
เส้นทางของไฟล์ในเว็บไซต์คือตำแหน่งของไฟล์ในเว็บไซต์นั้น เส้นทางนี้อาจสัมพันธ์กัน (โดยอ้างอิงถึงเส้นทางปัจจุบัน) หรือแบบสัมบูรณ์ (URL แบบเต็มของไฟล์) ไวยากรณ์ ต่อไปนี้เป็นรูปแบบ: 1) เส้นทางสัมพัทธ์ src="ImgFolder/picture.jpg" หรือ src="../ImgFolder/picture.jpg" หรือ src="
HTML สำหรับแอตทริบิวต์ผูกองค์ประกอบ กับองค์ประกอบแรกที่ติดฉลากได้ซึ่งมีรหัสเหมือนกับค่าของแอตทริบิวต์ ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์ - 1. ส่งคืนค่า สำหรับ แอตทริบิวต์ − labelObject.htmlFor ตัวอย่าง ให้เราดูตัวอย่างของ สำหรับ แอตทริบิวต์ − <!DOCTYPE html> <html> <head> <titl
แอตทริบิวต์ใช้เพื่อตั้งค่าคุณสมบัติขององค์ประกอบ เช่น ความกว้างและความสูงของรูปภาพหรือผ้าใบ องค์ประกอบทั้งหมดสามารถมีคุณลักษณะและให้ข้อมูลเพิ่มเติม แอตทริบิวต์มีทั้งชื่อและค่า - ตัวอย่างเช่น − <canvas id=”newCanvas” width=”400” height=”300”> ตัวอย่างอื่นๆ
ด้วยการเปิดตัว HTML5 แท็กจำนวนมากภายใต้ HTML4 ถูกเลิกใช้งาน ด้วยเหตุนี้ เราจึงเพิ่มแอตทริบิวต์บางอย่างลงในรายการแอตทริบิวต์ที่เลิกใช้แล้ว - แท็ก คำอธิบาย ทางเลือก เลิกใช้แล้ว ระบุแอปเพล็ต เลิกใช้แล้ว ระบุแบบอักษรพื้นฐาน เลิกใช้แล้ว ระบุข้อความกึ่งกลาง การจัดตำแหน่งข้อความ เลิกใช้แล้ว ระ
แอตทริบิวต์ที่ถูกปิดใช้งานขององค์ประกอบ ใช้เพื่อปิดใช้งาน หลังจากปิดใช้งาน คุณจะไม่สามารถเลือกข้อความจาก ได้ ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์ - <textarea disabled> ตัวอย่าง ให้เรามาดูตัวอย่างการใช้งานแอตทริบิวต์ที่ปิดใช้งานขององค์ประกอบ - <!DOCTYPE html> <html> <body> <
คุณสมบัติ paddingTop ของ DOM ใช้เพื่อตั้งค่าการเติมด้านบนขององค์ประกอบใน HTML จำไว้ว่าให้แทรกช่องว่างภายในเส้นขอบขององค์ประกอบ นอกจากนี้ยังใช้เพื่อส่งคืนช่องว่างภายในด้านบน ค่าเริ่มต้นคือ 0 ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์ - ไวยากรณ์เพื่อส่งคืนช่องว่างด้านบน object.style.paddingTop ไวยากรณ์เพื่อตั้
แอตทริบิวต์ min ใน HTML ใช้เพื่อตั้งค่าต่ำสุดขององค์ประกอบ คุณสามารถใช้ใน และ องค์ประกอบ ตัวอย่าง เรามาดูตัวอย่างแอตทริบิวต์ min ขององค์ประกอบ ก่อน − <!DOCTYPE html> <html> <body> <h2>Water Levels</h2> <p>Impurity Level <meter min="0" low="50
