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

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

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

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

Cascading Style Sheets ให้รูปลักษณ์หรือเลเยอร์การนำเสนอของหน้าเว็บ JavaScript เป็นเลเยอร์ลักษณะการทำงาน ซึ่งมักใช้เพื่อจัดการออบเจ็กต์ภายในเอกสาร เว็บไซต์ที่สร้างด้วยเฟรมเวิร์ก JavaScript เป็นเพียงการจัดการ 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

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

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

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

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