ยินดีต้อนรับสู่การเรียนรู้ HTML!

หลักสูตร HTML สำหรับนักพัฒนาเว็บนี้จะให้ภาพรวมที่ชัดเจนสำหรับนักพัฒนาซอฟต์แวร์ ตั้งแต่ HTML ระดับผู้ฝึกหัดไปจนถึงผู้เชี่ยวชาญ

ยินดีต้อนรับสู่ HTML! ภาษามาร์กอัป HyperText หรือ HTML เป็นกระดูกสันหลังของเว็บที่นำเสนอเนื้อหาและโครงสร้างของเนื้อหานั้นที่คุณเห็นแสดงอยู่ในเว็บเบราว์เซอร์ของคุณ

เนื้อหานี้สร้างขึ้นจากองค์ประกอบ HTML และข้อความต่างๆ เว้นแต่คุณจะกำลังอ่านหน้านี้ในเวอร์ชัน PDF หรือฉบับพิมพ์ HTML คือชั้นเนื้อหาของเว็บ องค์ประกอบ HTML คือโหนดที่ประกอบเป็น Document Object Model

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

ภาพรวม

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

ตลอดเส้นทางนี้ เราจะสร้างโครงสร้างสำหรับ MachineLearningWorkshop.com โดยจะไม่มีเครื่องใดได้รับอันตรายในการสร้างซีรีส์นี้

นี่ไม่ใช่ข้อมูลอ้างอิงที่สมบูรณ์ แต่ละส่วนจะแนะนำหัวข้อของส่วนนี้พร้อมด้วยคำอธิบายและตัวอย่างสั้นๆ เพื่อให้คุณมีโอกาสได้สำรวจเพิ่มเติม โดยจะมีลิงก์ไปยังข้อมูลอ้างอิงของหัวข้อ เช่น ข้อกำหนดของ MDN และ WHATWG รวมถึงบทความอื่นๆ จาก web.dev แม้จะไม่ใช่หลักสูตรเกี่ยวกับการช่วยเหลือพิเศษ แต่แต่ละส่วนจะมีแนวทางปฏิบัติแนะนำเกี่ยวกับการช่วยเหลือพิเศษและปัญหาที่เฉพาะเจาะจง พร้อมลิงก์ไปยังข้อมูลเจาะลึกเกี่ยวกับหัวข้อดังกล่าว แต่ละส่วนจะมีการประเมินสั้นๆ เพื่อช่วยให้ผู้ใช้ยืนยันความเข้าใจของตนเอง

สิ่งที่คุณจะได้เรียนรู้มีดังนี้

ภาพรวมของ HTML

ความรู้เบื้องต้นคร่าวๆ เกี่ยวกับแนวคิดสำคัญใน HTML

โครงสร้างเอกสาร

เรียนรู้วิธีจัดโครงสร้างเอกสาร HTML ด้วยรากฐานที่มั่นคง

ข้อมูลเมตา

วิธีใช้เมตาแท็กเพื่อให้ข้อมูลเกี่ยวกับเอกสาร

HTML ความหมาย

การใช้องค์ประกอบ HTML ที่ถูกต้องเพื่ออธิบายเนื้อหาของเอกสาร

ส่วนหัวและส่วน

วิธีใช้องค์ประกอบการแบ่งส่วนอย่างถูกต้องเพื่อให้ความหมายแก่เนื้อหา

แอตทริบิวต์

เรียนรู้เกี่ยวกับแอตทริบิวต์ร่วมต่างๆ รวมถึงแอตทริบิวต์เฉพาะสำหรับองค์ประกอบ HTML บางอย่าง

ข้อมูลเบื้องต้นเกี่ยวกับข้อความ

วิธีจัดรูปแบบข้อความโดยใช้ HTML

ทุกสิ่งที่คุณจำเป็นต้องทราบเกี่ยวกับลิงก์

รายการ

รายการและวิธีอื่นๆ ในการจัดกลุ่มเนื้อหา

การนำทางเป็นองค์ประกอบสำคัญของไซต์ใดๆ ของแอปพลิเคชัน และเริ่มต้นด้วย HTML

ตาราง

การทำความเข้าใจวิธีใช้ตารางเพื่อมาร์กอัปข้อมูลแบบตาราง

ฟอร์ม

ภาพรวมของแบบฟอร์มใน HTML

รูปภาพ

ภาพรวมของรูปภาพใน HTML

เสียงและวิดีโอ

ค้นพบวิธีใช้งานสื่อ HTML เช่น เสียงและวิดีโอ

เทมเพลต ช่องโฆษณา และเงา

คำอธิบายของเทมเพลต ช่องโฆษณา และเงา

HTML API

เรียนรู้ว่าข้อมูล HTML อาจถูกเปิดเผยและดัดแปลงโดยใช้ JavaScript ได้อย่างไร

มุ่งเน้น

วิธีจัดการลำดับโฟกัสในเอกสาร HTML

องค์ประกอบอื่นๆ ของข้อความในบรรทัด

บทนำเกี่ยวกับช่วงขององค์ประกอบที่ใช้ในการมาร์กอัปข้อความ

รายละเอียดและข้อมูลสรุป

สำรวจวิธีการทำงานของรายละเอียดและองค์ประกอบสรุปที่เป็นประโยชน์ รวมถึงประโยชน์ในการใช้งาน

กล่องโต้ตอบ

องค์ประกอบ <dialog> เป็นองค์ประกอบที่มีประโยชน์ในการแสดงถึงกล่องโต้ตอบทุกประเภทใน HTML ดูวิธีการทำงาน

บทสรุปและขั้นตอนถัดไป

ปิดท้ายด้วยแหล่งข้อมูลเพิ่มเติมบางส่วน

แล้วคุณพร้อมเรียนรู้ HTML หรือยัง มาเริ่มกันเลย