ขอขอบคุณที่ติดตาม Google I/O ดูเนื้อหาตามคำขอ

Google uses AI technology to translate content into your preferred language. AI translations can contain errors.

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

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

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

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

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

ซึ่งหมายถึงการเขียนโค้ด HTML ตามมาตรฐานที่ทันสมัย

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

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

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

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

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

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

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

ภาพรวมของ HTML

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

ข้อมูลเมตา

HTML เชิงความหมาย

ส่วนหัวและส่วนต่างๆ

แอตทริบิวต์

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

ลิงก์

รายการ

การไปยังส่วนต่างๆ

ตาราง

ฟอร์ม

Google รูปภาพ

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

เทมเพลต สล็อต และ Shadow

HTML API

โฟกัส

องค์ประกอบข้อความแบบอินไลน์อื่นๆ

รายละเอียดและสรุป

Dialog

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