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

แท็กเปิดและปิด

มีเพียงไม่กี่ข้อยกเว้นคำแนะนำทั้งหมดที่เรียกว่าแท็กมาเป็นคู่ ๆ เปิดและปิดแล้วใน HTML5 สิ่งใดระหว่างแท็กเปิดและแท็กปิดจะทำตามคำแนะนำที่กำหนดโดยแท็กเปิด ความแตกต่างเฉพาะในการเข้ารหัสคือการเพิ่มเครื่องหมายทับไปข้างหน้าในแท็กปิด ตัวอย่างเช่น:

พาดหัวไปที่นี่

ทั้งสองแท็กระบุว่าเนื้อหาทั้งหมดระหว่างสองควรปรากฏในขนาดบรรทัดแรก h1 หากคุณลืมเพิ่มแท็กปิดทุกอย่างที่อยู่หลังแท็กเปิดจะปรากฏในขนาดบรรทัดแรก h1

แท็กพื้นฐานใน HTML5

องค์ประกอบพื้นฐานที่จำเป็นสำหรับเอกสาร HTML5 คือ

• ประเภทเอกสาร
• HTML
• หัว
• ร่างกาย

การ ประกาศ doctype ไม่ใช่แท็ก บอกว่าคอมพิวเตอร์ใช้ HTML5 อยู่ ไปที่ด้านบนสุดของหน้า HTML5 ทุกหน้าและใช้รูปแบบนี้:

แท็ก HTML บอกให้คอมพิวเตอร์ทราบว่าทุกอย่างที่ปรากฏระหว่างแท็กเปิดและปิดจะเป็นไปตามกฎของ HTML5 และควรตีความตามกฎเหล่านั้น ภายในแท็กคุณมักจะพบแท็กและแท็ก

แท็กเหล่านี้มีโครงสร้างสำหรับเอกสารของคุณให้เบราว์เซอร์บางอย่างคุ้นเคยที่จะใช้และถ้าคุณเคยเปลี่ยนเอกสารของคุณไปยัง XHTML จะต้องใช้ภาษาเวอร์ชันนั้น

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

แท็ก body ประกอบด้วยทุกสิ่งทุกอย่างที่คุณเห็นบนหน้าจอคอมพิวเตอร์เมื่อคุณเปิดเว็บเพจ เกือบทุกอย่างที่คุณเขียนสำหรับเว็บเพจจะปรากฏขึ้นระหว่างแท็กเปิดและปิด ใส่พื้นฐานเหล่านี้ทั้งหมดเข้าด้วยกันและคุณมี:

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

หัวเรื่องแท็ก

แท็กหัวเรื่องจะกำหนดขนาดสัญญาของข้อความบนเว็บเพจ แท็ก h1 เป็นแท็กที่ใหญ่ที่สุดตามด้วยแท็ก h2, h3, h4, h5 และ h6 คุณสามารถใช้ข้อความเหล่านี้เพื่อสร้างข้อความบางส่วนบนหน้าเว็บเป็นบรรทัดแรกหรือหัวเรื่องย่อย หากไม่มีแท็กข้อความทั้งหมดจะปรากฏในขนาดเดียวกัน แท็กบรรทัดแรกใช้เช่นนี้:

Subhead Goes Here

แค่นั้นแหละ. คุณสามารถตั้งค่าและเขียนเว็บเพจที่ประกอบด้วยข้อความที่มีหัวเรื่องและหัวเรื่องย่อย

หลังจากที่คุณฝึกซ้อมช่วงนี้คุณจะต้องการเรียนรู้วิธีเพิ่มรูปภาพและวิธีป้อนลิงก์ไปยังหน้าเว็บอื่น ๆ HTML5 มีความสามารถมากกว่าบทแนะนำขั้นพื้นฐานฉบับย่อ ๆ