ฟอรั่ม | ล่าสุดการพัฒนาเว็บบทเรียน
×

HTML5 เกี่ยวกับการสอน

HTML บ้าน HTML บทนำ บรรณาธิการ HTML HTML ขั้นพื้นฐาน HTML องค์ประกอบ HTML แอตทริบิวต์ HTML หัวเรื่อง HTML ย่อหน้า HTML รูปแบบ HTML การจัดรูปแบบ HTML ใบเสนอราคา HTML รหัสคอมพิวเตอร์ HTML ความคิดเห็น HTML สี HTML CSS HTML การเชื่อมโยง HTML ภาพ ตาราง HTM​​L รายการ HTML HTML บล็อกและ Inline องค์ประกอบ HTML ชั้นเรียน HTML แบบ HTML อ่อนไหว HTML iframes HTML JavaScript HTML หัว HTML หน่วยงาน HTML สัญลักษณ์ HTML charset HTML URL เปลี่ยนเป็นรหัส HTML XHTML

HTML ฟอร์ม

HTML ฟอร์ม HTML องค์ประกอบของแบบฟอร์ม HTML รูปแบบการใส่ HTML แอตทริบิวต์การป้อนข้อมูล

HTML5

HTML5 แนะนำ HTML5 สนับสนุน HTML5 องค์ประกอบ HTML5 อรรถศาสตร์ การย้ายถิ่นของ HTM​​L5 HTML5 คู่มือสไตล์

HTML กราฟิก

HTML ผ้าใบ HTML SVG

HTML สื่อ

HTML สื่อ HTML วีดีโอ HTML เสียง HTML ปลั๊กอิน HTML YouTube

HTML APIs

HTML ตำแหน่งทางภูมิศาสตร์ HTML ลาก / Drop HTML เก็บข้อมูลท้องถิ่น HTML App ขุมทรัพย์ HTML คนงานเว็บ HTML SSE

HTML ตัวอย่าง

HTML ตัวอย่าง HTML ทดสอบ HTML5 ทดสอบ HTML สรุป

HTML คู่มืออ้างอิง

HTML รายการแท็ก HTML แอตทริบิวต์ เหตุการณ์ HTML HTML ผ้าใบ HTML เสียง / วิดีโอ HTML doctypes HTML สี HTML ชุดตัวอักษร HTML URL เปลี่ยนเป็นรหัส HTML รหัสภาษา HTTP ข้อความ HTTP วิธีการ PX to EM แปลง แป้นพิมพ์ลัด

HTMLตัวอย่าง


HTML พื้นฐาน

เอกสาร HTML
HTML หัว
ย่อหน้า HTML
ลิงก์ HTML
ภาพ HTML

ตัวอย่างอธิบาย


แอตทริบิวต์ HTML

ชื่อแอตทริบิวต์
แอตทริบิวต์ href
คุณลักษณะกว้างและความสูง
แอตทริบิวต์ Alt
แอตทริบิวต์ไม่ทราบราคา
แอตทริบิวต์ไม่ทราบราคาไม่ทำงาน

ตัวอย่างอธิบาย


HTML หัวเรื่อง

HTML หัว
กฎระเบียบแนวนอน HTML
หัว HTML

ตัวอย่างอธิบาย


HTML ย่อหน้า

ย่อหน้า HTML
ย่อหน้า HTML เพิ่มเติม
การใช้เส้นแบ่งใน HTML
ปัญหาบทกวี (ปัญหาบางอย่างกับรูปแบบ HTML)
วิธีการควบคุมการแบ่งเส้นและช่องว่างด้วย <pre> แท็ก

ตัวอย่างอธิบาย


รูปแบบ HTML

รูปแบบ HTML
สีพื้นหลัง HTML
สีข้อความ HTML
ตัวอักษรข้อความ HTML
ขนาดตัวอักษร HTML
การจัดตำแหน่งข้อความ HTML

ตัวอย่างอธิบาย


HTML จัดรูปแบบข้อความ

รูปแบบตัวหนาใช้ <b> องค์ประกอบ
การจัดรูปแบบที่แข็งแกร่งโดยใช้ <strong> องค์ประกอบ
การจัดรูปแบบตัวเอียงใช้ <i> องค์ประกอบ
เน้นการจัดรูปแบบการใช้ <em> องค์ประกอบ
การจัดรูปแบบขนาดเล็กโดยใช้ <small> องค์ประกอบ
การจัดรูปแบบการทำเครื่องหมายโดยใช้ <mark> องค์ประกอบ
ทำเครื่องหมายถูกลบโดยใช้ <del> องค์ประกอบ
ทำเครื่องหมายใส่เข้าไปโดยใช้ <ins> องค์ประกอบ
ทำเครื่องหมายลบและแทรกใช้ <del> และ <ins>
การจัดรูปแบบห้อยใช้ <sub> องค์ประกอบ
การจัดรูปแบบยกใช้ <sup> องค์ประกอบ

ตัวอย่างอธิบาย


ใบเสนอราคา HTML และการอ้างอิง

การจัดรูปแบบใบเสนอราคาในระยะสั้นกับ <q> องค์ประกอบ
การจัดรูปแบบส่วนที่ยกมาด้วย <blockquote> องค์ประกอบ
เอกสารการจัดรูปแบบข้อมูลที่ผู้เขียน / เจ้าของกับ <address> องค์ประกอบ
การจัดรูปแบบตัวย่อและตัวย่อ <abbr> องค์ประกอบ
ชื่อการจัดรูปแบบการทำงานกับ <cite> องค์ประกอบ
ทิศทางของข้อความที่มีการจัดรูปแบบ <bdo> องค์ประกอบ

ตัวอย่างอธิบาย


HTML องค์ประกอบ Computercode

ใส่แป้นพิมพ์การจัดรูปแบบการใช้ <kbd> องค์ประกอบ
การจัดรูปแบบการส่งออกคอมพิวเตอร์โดยใช้ <samp> องค์ประกอบ
รหัสโปรแกรมการจัดรูปแบบการใช้ <code> องค์ประกอบ
รหัสโปรแกรมการจัดรูปแบบการรักษาช่องว่างและเส้นแบ่ง
การจัดรูปแบบตัวแปรโดยใช้ <var> องค์ประกอบ

ตัวอย่างอธิบาย


HTML ความคิดเห็น

ความคิดเห็นที่ซ่อนอยู่
ความคิดเห็นเงื่อนไข
ความคิดเห็นสำหรับการแก้จุดบกพร่อง

ตัวอย่างอธิบาย


CSS HTML

HTML กับ CSS แบบอินไลน์
HTML กับ CSS ภายใน
HTML ที่มี CSS ภายนอก
HTML CSS กับแบบอักษร
HTML กับ CSS ใช้แอตทริบิวต์ประชาชนได้
HTML กับ CSS ใช้แอตทริบิวต์ชั้นเรียน
พรมแดน HTML และ CSS
HTML และ CSS padding
HTML และ CSS ขอบ
HTML และ CSS สาธิตเต็มรูปแบบ

ตัวอย่างอธิบาย


ลิงก์ HTML

การเชื่อมโยงโดยใช้ URL แบบเต็ม
การเชื่อมโยงโดยใช้ URL ที่เกี่ยวข้อง
การเปลี่ยนสีของการเชื่อมโยง
การลบขีดเส้นใต้จากการเชื่อมโยง
การเปลี่ยนเป้าหมายของการเชื่อมโยง
ภาพเป็นลิงค์
สร้างลิงก์บุ๊ก
ลิงค์ที่แบ่งออกจากกรอบ
การเชื่อมโยง mailto
การเชื่อมโยงกับเรื่อง mailto

ตัวอย่างอธิบาย


รูปภาพ HTML

ภูเขา
ความสูงและความกว้างของภาพโดยใช้แอตทริบิวต์
ความสูงและความกว้างของภาพที่ใช้ CSS
ความสูงและความกว้างของภาพที่ใช้ทั้ง
ภาพในโฟลเดอร์อื่น
ภาพที่มีการเชื่อมโยงที่ขาด
ภาพบนเซิร์ฟเวอร์อื่น
การใช้ภาพเป็นลิงก์
ภาพการเคลื่อนย้าย
เป็นแผนที่ภาพกับภูมิภาคที่สามารถคลิกได้
ภาพลอย

ตัวอย่างอธิบาย


ตาราง HTML

ตาราง HTML พื้นฐาน
ตารางที่มีเส้นขอบ
ตารางที่มีเส้นขอบยุบ
ตารางกับ padding เซลล์
ตารางที่มีหัว
ตารางที่มีหัวจัดชิดซ้าย
แนวนอน / หัวตารางตามแนวตั้ง
ตารางที่มีคำอธิบาย
เซลล์ตารางที่ครอบคลุมมากกว่าหนึ่งคอลัมน์
เซลล์ตารางที่ครอบคลุมมากกว่าหนึ่งแถว
ตารางที่มีระยะห่างของเซลล์
ตารางที่มีแท็ก HTML ภายใน
ตารางที่มีสไตล์ที่แตกต่างกันโดยใช้ ID ฉัน
ตารางที่มีสไตล์ที่แตกต่างกันโดยใช้รหัสที่สอง
ตารางที่มีสไตล์ที่แตกต่างกันโดยใช้ระดับฉัน
ตารางที่มีสไตล์ที่แตกต่างกันโดยใช้ระดับ II

ตัวอย่างอธิบาย


รายการ HTML

รายการเรียงลำดับ (เริ่มต้น)
รายการเรียงลำดับด้วยกระสุนแผ่นดิสก์
รายการเรียงลำดับด้วยกระสุนวงกลม
รายการเรียงลำดับตารางด้วยกระสุน
รายการเรียงลำดับโดยไม่ต้องกระสุน
รายการสั่งซื้อ (เริ่มต้น)
รายการสั่งซื้อที่มีหมายเลข
รายการสั่งซื้อที่มีตัวอักษร
รายการสั่งซื้อที่มีตัวอักษรตัวพิมพ์เล็ก
รายการสั่งซื้อที่มีตัวเลขโรมัน
รายการสั่งซื้อที่มีตัวเลขโรมันพิมพ์เล็ก
รายการคำอธิบาย
รายการซ้อนกันฉัน
รายการซ้อนกันครั้งที่สอง
รายการแนวนอน
เมนูรายการแนวนอน

ตัวอย่างอธิบาย


HTML บล็อกและองค์ประกอบแบบอินไลน์

จัดแต่งทรงผม <div> องค์ประกอบ
จัดแต่งทรงผม <span> องค์ประกอบ

ตัวอย่างอธิบาย


เรียน HTML

classing <div> องค์ประกอบฉัน
classing <div> องค์ประกอบที่สอง
classing <span> องค์ประกอบ

ตัวอย่างอธิบาย


เค้าโครง HTML

รูปแบบการใช้ <div> องค์ประกอบ
รูปแบบการใช้องค์ประกอบความหมาย
รูปแบบการใช้ <table> องค์ประกอบ

ตัวอย่างอธิบาย


HTML IFrame

เฟรมอินไลน์ (กรอบภายในหน้าเว็บ HTML)

ตัวอย่างอธิบาย


องค์ประกอบหัว HTML

เอกสาร HTML ที่ถูกต้องไม่มี <html> <body, and <head>
เอกสาร HTML ที่ถูกต้องไม่มี <head> องค์ประกอบ
<title> องค์ประกอบกำหนดชื่อเอกสาร <title>
<style> องค์ประกอบที่มีข้อมูลรูปแบบ <style>
<link> องค์ประกอบที่กำหนดความสัมพันธ์กับทรัพยากรภายนอก <link>
<meta> องค์ประกอบกำหนดข้อมูลเมตาพิเศษ <meta>
<script> องค์ประกอบที่กำหนด JavaScripts ฝั่งไคลเอ็นต์ <script>
<ฐาน> องค์ประกอบกำหนด URL ฐานสำหรับ URL ทั้งหมด <base>

ตัวอย่างอธิบาย


สคริป HTML

แทรกสคริปต์
การใช้งานของ <noscript> แท็ก

ตัวอย่างอธิบาย


รูปแบบ HTML

แบบฟอร์มที่มีการป้อนข้อความ
แบบฟอร์มด้วยการป้อนข้อมูลปุ่ม
ในรูปแบบที่มีช่องข้อความและปุ่มส่ง
ในรูปแบบที่มีช่องข้อความได้โดยไม่ต้องแอตทริบิวต์ชื่อ
การจัดกลุ่มข้อมูลในแบบฟอร์ม
ส่งอีเมลจากรูปแบบ

ตัวอย่างอธิบาย


องค์ประกอบของแบบฟอร์ม HTML

รายการแบบหล่นลงง่ายๆ
รายการแบบหล่นลงกับค่าที่เลือกก่อน
textarea (หลายสายช่องป้อนข้อความ)
ปุ่มการป้อนข้อมูล
โดยใช้ <datalist> ธาตุ
โดยใช้ <keygen> ธาตุ
โดยใช้ <output> ธาตุ

ตัวอย่างอธิบาย


ใส่ HTML ประเภท

ประเภทการป้อนข้อความ
รหัสผ่านประเภทขาเข้า
วิทยุประเภทขาเข้า
ประเภทขาเข้าช่องทำเครื่องหมาย
ปุ่มประเภทขาเข้า
จำนวนประเภทขาเข้า - มีข้อ จำกัด
จำนวนประเภทขาเข้า - มีขั้นตอน
วันประเภทขาเข้า - มีตัวเลือกวันที่
วันประเภทขาเข้า - มีข้อ จำกัด
ประเภทขาสี - มีตัวเลือกสี
ช่วงประเภทขาเข้า
ประเภทขาเข้าเดือน
ประเภทขาสัปดาห์
เวลาประเภทขาเข้า
ประเภทขาเข้าวันที่และเวลา
ประเภทขาเข้าวันที่และเวลาท้องถิ่น
อีเมลประเภทขาเข้า
ค้นหาประเภทการป้อนข้อมูล
ประเภทขาเข้าโทร
ประเภทขา URL

ตัวอย่างอธิบาย


แอตทริบิวต์การป้อนข้อมูล HTML

แอตทริบิวต์การเติมข้อความอัตโนมัติ
แอตทริบิวต์ novalidate
autofocus_attribute
รูปแบบแอตทริบิวต์
แอตทริบิวต์ formaction
แอตทริบิวต์ formenctype
แอตทริบิวต์ formmethod
แอตทริบิวต์ formnovalidate
แอตทริบิวต์ formtarget
คุณลักษณะความสูงและความกว้าง
แอตทริบิวต์รายการ
แอตทริบิวต์นาทีและแม็กซ์
หลายแอตทริบิวต์
รูปแบบแอตทริบิวต์
แอตทริบิวต์ตัวยึด
แอตทริบิวต์ที่จำเป็น
แอตทริบิวต์ขั้นตอน

ตัวอย่างอธิบาย


ผ้าใบ HTML5

วาดบนผืนผ้าใบด้วย JavaScript
วาดเส้นด้วย LineTo A ()
วาดวงกลมที่มีส่วนโค้ง ()
วาดข้อความที่มี fillText A ()
วาดข้อความที่มี strokeText A ()
วาดลาดเชิงเส้น
วาดลาดวงกลม
วาดภาพด้วย drawImage (ให้)

ตัวอย่างอธิบาย


HTML5 SVG

SVG วงกลม
SVG สี่เหลี่ยมผืนผ้า
SVG โค้งสี่เหลี่ยมผืนผ้า
SVG ดาว
SVG โลโก้

ตัวอย่างอธิบาย


HTML5 สื่อ

เล่นกระต่าย
การเล่นวิดีโอหมีที่มีการควบคุม
การเล่นวิดีโอหมีกับการเล่นอัตโนมัติ
เล่นเสียงม้าที่มีการควบคุม

ตัวอย่างอธิบาย


HTML5 Geolocation

รับพิกัดทางภูมิศาสตร์
จัดการข้อผิดพลาดตำแหน่งทางภูมิศาสตร์
ได้รับตำแหน่งทางภูมิศาสตร์แผนที่
ได้รับตำแหน่งทางภูมิศาสตร์ที่มีสคริปต์ Google แผนที่
ได้รับตำแหน่งทางภูมิศาสตร์และดูตำแหน่ง

ตัวอย่างอธิบาย


HTML5 เก็บข้อมูลท้องถิ่น

เก็บชื่ออย่างถาวร
เก็บเคาน์เตอร์ถาวร
เก็บเคาน์เตอร์สำหรับหนึ่งในเซสชั่น

ตัวอย่างอธิบาย


เพิ่มเติมตัวอย่าง HTML5

HTML5 ลากและวาง
แคชใช้ HTML5
คนงานเว็บ HTML5
HTML5 เหตุการณ์เซิร์ฟเวอร์ส่ง