มาสร้างตารางก่อน create table DemoTable ( Score int ); Query OK, 0 rows affected (0.65 sec) แทรกข้อมูลลงในตารางด้วยคำสั่ง insert insert into DemoTable values(32); Query OK, 1 row affected (0.09 sec) แสดงข้อมูลทั้งหมดจากตารางด้วยคำสั่ง select select * from DemoTable; จะได้ผลลัพธ์ดังนี้ +-------+ |

แอตทริบิวต์ onpaste ใน HTML ถูกกระตุ้นเมื่อผู้ใช้วาง (paste) เนื้อหาบางอย่างในองค์ประกอบ HTML ในเอกสาร HTML ไวยากรณ์ <tagname onpaste=script></tagname> ตัวอย่าง <!DOCTYPE html> <html> <head> <style> body { color: #000; height: 100vh; background: linear-gradient(

แอตทริบิวต์ onresize ใน HTML ถูกกระตุ้นเมื่อผู้ใช้ปรับขนาดหน้าต่างเบราว์เซอร์ ไวยากรณ์ <tagname onresize=script></tagname> ตัวอย่าง <!DOCTYPE html> <html> <head> <style> body { color: #000; height: 100vh; background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 10

แอตทริบิวต์เหตุการณ์ onreset ใน HTML ถูกกระตุ้นเมื่อรีเซ็ตฟอร์มในเอกสาร HTML ไวยากรณ์ <tagname onreset=script></tagname> ตัวอย่าง <!DOCTYPE html> <html> <head> <style> body { color: #000; height: 100vh; background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%

แอตทริบิวต์เหตุการณ์ onsubmit ใน HTML ถูกกระตุ้นเมื่อส่งฟอร์มในเอกสาร HTML ไวยากรณ์ <tagname onsubmit=script></tagname> ตัวอย่าง <!DOCTYPE html> <html> <head> <style> body { color: #000; height: 100vh; background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%)

คุณสมบัติ screen.colorDepth ใน HTML ใช้คืนค่าความลึกสีของพาเล็ตสีสำหรับแสดงภาพ (ในบิตต่อพิกเซล) ไวยากรณ์ screen.colorDepth ตัวอย่าง <!DOCTYPE html> <html> <style> body { color: #000; height: 100vh; background-color: #FBAB7E; background-image: linear-gradient(62deg, #FBAB7E 0%, #F

คุณสมบัติ screen.pixelDepth ใน HTML ใช้คืนค่าความละเอียดสีของหน้าจอผู้เยี่ยมชม ไวยากรณ์ screen.pixelDepth ตัวอย่าง <!DOCTYPE html> <html> <style> body { color: #000; height: 100vh; background-color: #FBAB7E; background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%); text

การตรวจสะกดคำ HTML ใช้ระบุข้อผิดพลาดด้านไวยากรณ์หรือการสะกดคำในช่องข้อความ HTML คุณสมบัติคืนค่าความละเอียดสีของหน้าจอผู้เยี่ยมชม (หมายเหตุ: คำอธิบายเดิมผิด ควรเป็น ใช้เปิด/ปิดการตรวจสะกดคำ) ไวยากรณ์ <tagname spellcheck=true | false> ตัวอย่าง <!DOCTYPE html> <html> <style> b

คุณสมบัติ view ของ Event ใน HTML ใช้คืนค่าการอ้างอิงถึงออบเจ็กต์ Window ที่เหตุการณ์เกิดขึ้น ไวยากรณ์ event.view ตัวอย่าง <!DOCTYPE html> <html> <style> body { color: #000; height: 100vh; background-color: #FBAB7E; background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%

เมตาแท็ก Viewport ของ HTML ใช้สำหรับสร้างเว็บไซต์ที่ตอบสนอง (responsive) เพื่อให้หน้าเว็บปรับความกว้างตาม viewport ไวยากรณ์ <meta name=viewport content=width=device-width, initial-scale=1.0> แอตทริบิวต์ของเมตาแท็ก viewport แอตทริบิวต์คำอธิบาย widthระบุความกว้าง viewport เสมือนของอุปกรณ์ he

แอตทริบิวต์ onblur ใน HTML ใช้เมื่อองค์ประกอบ HTML สูญเสียโฟกัส (focus) ในเอกสาร HTML ไวยากรณ์ <tagname onblur=script></tagname> ตัวอย่าง <!DOCTYPE html> <html> <head> <meta name=viewport content=width=device-width, initial-scale=1.0> <style> body { color:

แอตทริบิวต์ onclick ใน HTML ถูกกระตุ้นเมื่อคุณคลิกเมาส์ที่องค์ประกอบ HTML ในเอกสาร HTML ไวยากรณ์ <tagname onclick=script></tagname> ตัวอย่าง <!DOCTYPE html> <html> <head> <meta name=viewport content=width=device-width, initial-scale=1.0> <style> body { col

แอตทริบิวต์ onchange ใน HTML ถูกกระตุ้นเมื่อคุณเปลี่ยนค่าขององค์ประกอบ HTML ในเอกสาร HTML ไวยากรณ์ <tagname onchange=script></tagname> ตัวอย่าง <!DOCTYPE html> <html> <head> <style> body { color: #000; height: 100vh; background-color: #FBAB7E; background-image:

แอตทริบิวต์ oncopy ใน HTML ถูกกระตุ้นเมื่อผู้ใช้คัดลอก (copy) เนื้อหาขององค์ประกอบ HTML ในเอกสาร HTML ไวยากรณ์ <tagname oncopy=script></tagname> ตัวอย่าง <!DOCTYPE html> <html> <head> <meta name=viewport content=width=device-width, initial-scale=1.0> <style>

แอตทริบิวต์เหตุการณ์ oncut ใน HTML ถูกกระตุ้นเมื่อผู้ใช้ตัด (cut) เนื้อหาขององค์ประกอบ HTML ในเอกสาร HTML ไวยากรณ์ <tagname oncut=script></tagname> ตัวอย่าง <!DOCTYPE html> <html> <head> <meta name=viewport content=width=device-width, initial-scale=1.0> <style&

ลิงก์ HTML เป็นไฮเปอร์ลิงก์ (hyperlinks) หมายถึงเมื่อคลิกที่ลิงก์ จะกระโดดไปยังเอกสารอื่น ไวยากรณ์ <a href=URL target=value>เนื้อหาลิงก์</a> ที่นี่ URL ระบุที่อยู่ปลายทาง สามารถเป็นที่อยู่ท้องถิ่นหรือภายนอกได้ target กำหนดที่เปิดเอกสารที่เชื่อมโยง และสามารถรับค่าได้ดังนี้: ค่าคำอธิบาย

เลย์เอาต์ HTML ระบุการจัดวางองค์ประกอบบนหน้าเว็บ HTML มีหลายองค์ประกอบ semantic HTML ที่กำหนดส่วนต่างๆ ของหน้าเว็บ องค์ประกอบ semantic HTML สำหรับเลย์เอาต์: แท็กคำอธิบาย headerระบุส่วนหัวสำหรับส่วนหรือเอกสาร sectionแสดงส่วนในเอกสาร navระบุคอนเทนเนอร์สำหรับลิงก์นำทาง articleระบุบทความอิสระที่ครบถ

แอตทริบิวต์ required ใน HTML ใช้กำหนดว่าองค์ประกอบ HTML ต้องถูกกรอกก่อนส่งฟอร์มในเอกสาร HTML สามารถใช้กับ input, select, และ textarea ได้ ไวยากรณ์ <tagname required></tagname> ตัวอย่าง <!DOCTYPE html> <html> <style> body { color: #000; height: 100vh; backg

พารากราฟ HTML ใช้สร้างองค์ประกอบพารากราฟโดยใช้แท็ก <p> เป็นบล็อกเลเวล (block-level element) ไวยากรณ์ <p>เนื้อหา</p> ตัวอย่าง <!DOCTYPE html> <html> <style> body { color: #000; height: 100vh; background-color: #8BC6EC; background-image: linear-gra

การอ้างอิง HTML ใช้สร้างการอ้างอิงใน HTML แท็ก <q> ใช้กำหนดการอ้างอิงสั้น เป็นบล็อกเลเวล (block-level element) และแท็ก <blockquote> ใช้กำหนดส่วนที่อ้างอิงจากแหล่งอื่น ก็เป็นบล็อกเลเวลเช่นกัน ไวยากรณ์ <q>การอ้างอิง</q> หรือ <blockquote>การอ้างอิง</blockquote> ตัวอย