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

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

HyperText Markup Language หรือ 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> เป็นองค์ประกอบที่มีประโยชน์ในการแสดงกล่องโต้ตอบทุกประเภทใน HTML ดูวิธีการทำงาน

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

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

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