รหัส HTML ช่วยให้มั่นใจว่าการจัดรูปแบบข้อความและรูปภาพที่เหมาะสมเพื่อให้เบราว์เซอร์อินเทอร์เน็ตของคุณอาจแสดงตามที่ต้องการ หากไม่มี HTML เบราว์เซอร์จะไม่ทราบวิธีแสดงข้อความเป็นองค์ประกอบหรือโหลดรูปภาพหรือองค์ประกอบอื่น ๆ HTML ยังมีโครงสร้างพื้นฐานของหน้าซึ่งมีการซ้อนสไตล์ชีทซ้อนทับเพื่อเปลี่ยนลักษณะที่ปรากฏ หนึ่งอาจคิดว่า HTML เป็นกระดูก (โครงสร้าง) ของหน้าเว็บและ CSS เป็นสกิน (ลักษณะที่ปรากฏ)
ดังที่เห็นได้ในตัวอย่างแท็ก HTML ด้านบนมีองค์ประกอบไม่มาก แท็ก HTML เกือบทั้งหมดมีแท็กเปิดที่มีชื่อพร้อมแอตทริบิวต์ใด ๆ แท็กปิดที่มีเครื่องหมายสแลชและชื่อของแท็กที่จะถูกปิด สำหรับแท็กที่ไม่มีแท็กปิดเช่น เป็นวิธีปฏิบัติที่ดีที่สุดในการปิดแท็กด้วยเครื่องหมายสแลช
แต่ละแท็กจะอยู่ในวงเล็บมุมที่น้อยกว่าและมากกว่าและทุกอย่างระหว่างแท็กเปิดและแท็กจะแสดงหรือรับผลกระทบจากแท็ก ในตัวอย่างด้านบนแท็กกำลังสร้างลิงก์ที่ชื่อว่า "Computer Hope" ซึ่งชี้ไปที่ไฟล์ Hope.html
เคล็ดลับ: ดูหน้าช่วยเหลือ HTML และการออกแบบเว็บของเราเพื่อดูรายการแท็ก HTML ทั้งหมด
HTML มีลักษณะอย่างไร
ต่อไปนี้เป็นตัวอย่างของหน้าเว็บพื้นฐานที่เขียนด้วย HTML รวมถึงคำอธิบายของแต่ละส่วนและฟังก์ชั่น
หน้าตัวอย่างนี่คือตัวอย่างของหน้า HTML พื้นฐาน
กล่องด้านบนมีส่วนประกอบที่สำคัญสำหรับหน้าเว็บพื้นฐาน บรรทัดแรก (DOCType) อธิบายถึงเวอร์ชันของหน้า HTML ที่เขียนขึ้นเพื่อให้อินเทอร์เน็ตเบราว์เซอร์สามารถตีความข้อความที่ตามมาได้ ถัดไปแท็กเปิด HTML ให้เบราว์เซอร์รู้ว่ากำลังอ่านโค้ด HTML แท็ก HTML ตามด้วยส่วนหัวซึ่งมีข้อมูลเกี่ยวกับหน้าเช่นชื่อเมตาแท็กและตำแหน่งที่จะค้นหาไฟล์ CSS ส่วนเนื้อหาคือเนื้อหาทั้งหมดที่สามารถดูได้บนเบราว์เซอร์ ตัวอย่างเช่นข้อความทั้งหมดที่คุณเห็นที่นี่มีอยู่ในแท็กเนื้อหา ในที่สุดแท็กปิดจะห่อแต่ละองค์ประกอบเพื่อให้ได้ไวยากรณ์ที่เหมาะสม
- ดูวิธีใช้ HTML และการออกแบบเว็บสำหรับรายการแท็ก HTML ทั้งหมด
HTML5 คืออะไร
HTML5 เป็นการอัพเดท HTML จาก HTML4 (XHTML เป็นไปตามรูปแบบการกำหนดหมายเลขรุ่นอื่น) มันใช้กฎพื้นฐานเดียวกับ HTML4 แต่เพิ่มแท็กและคุณลักษณะใหม่บางอย่างที่ช่วยให้ความหมายที่ดีขึ้นและสำหรับองค์ประกอบแบบไดนามิกที่เปิดใช้งานโดยใช้ JavaScript องค์ประกอบใหม่รวมถึงส่วน,,,,,,,,,,,,,,,,,,,,,, และ นอกจากนี้ยังมีประเภทอินพุตใหม่สำหรับฟอร์มซึ่งรวมถึง tel, search, url, อีเมล, วันที่และเวลา, วันที่, เดือน, สัปดาห์, เวลา, วันที่และเวลาแบบท้องถิ่น, หมายเลข, ช่วงและสี
ด้วยการเคลื่อนไหวที่เพิ่มขึ้นเพื่อแยกโครงสร้างและสไตล์ออกจากกันองค์ประกอบการจัดแต่งทรงผมได้ถูกลบออกไปพร้อมกับปัญหาการช่วยการเข้าถึงหรือการใช้งานน้อยมาก องค์ประกอบต่อไปนี้ไม่ควรใช้ในรหัส HTML:,,,,,,,,,, และ HTML5 ยังลดความซับซ้อนของการประกาศประเภทของแท็กลงในกล่องต่อไปนี้
HTML5 มีลักษณะอย่างไร
ดังที่แสดงด้านล่างรหัส HTML5 นั้นคล้ายกับตัวอย่าง HTML4 ก่อนหน้านี้ แต่สะอาดกว่าและมีแท็ก doctype ที่แก้ไขแล้ว
หน้าตัวอย่างนี่คือตัวอย่างของหน้า HTML พื้นฐาน
วิธีสร้างและดู HTML
เนื่องจาก HTML เป็นภาษามาร์กอัปจึงสามารถสร้างและดูได้ในโปรแกรมแก้ไขข้อความใด ๆ ตราบใดที่มันได้รับการบันทึกด้วยนามสกุลไฟล์. htm หรือ. html อย่างไรก็ตามส่วนใหญ่จะง่ายต่อการออกแบบและสร้างหน้าเว็บใน HTML โดยใช้โปรแกรมแก้ไข HTML
เมื่อสร้างไฟล์ HTML สามารถดูได้ในเครื่องหรืออัพโหลดไปยังเว็บเซิร์ฟเวอร์เพื่อดูออนไลน์โดยใช้เบราว์เซอร์
นามสกุลไฟล์ใดที่ใช้กับ HTML?
ไฟล์ HTML ใช้นามสกุลไฟล์. htm หรือ. html Windows รุ่นเก่ากว่า (Windows 3.x) อนุญาตเฉพาะส่วนขยายไฟล์สามตัวอักษรเท่านั้นดังนั้นจึงใช้. htm แทน. html อย่างไรก็ตามนามสกุลไฟล์ทั้งสองมีความหมายเหมือนกันและสามารถใช้ได้ทั้งวันนี้ ดังที่ได้กล่าวไว้เราขอแนะนำให้ใช้หลักการหนึ่งในการตั้งชื่อเนื่องจากเว็บเซิร์ฟเวอร์บางแห่งอาจต้องการส่วนขยายหนึ่งมากกว่าอีกส่วนหนึ่ง
หมายเหตุ: หน้าเว็บที่สร้างขึ้นโดยใช้ภาษาสคริปต์เช่น Perl, PHP หรือ Python มีนามสกุลต่างกันแม้ว่าจะแสดงเฉพาะ HTML ในซอร์สโค้ดก็ตาม
วิธีออกเสียง HTML
HTML ออกเสียงเป็น html ( aitch-tee-em-el )
เคล็ดลับ: เนื่องจากเสียงสระเมื่อออกเสียง HTML คุณจะต้องใช้ "a" แทนที่จะเป็น "a" ด้านหน้าตัวย่อในการเขียนของคุณ
ASP, cHTML, ตัวย่อคอมพิวเตอร์,, ตัวตรวจสอบ HTML, ข้อกำหนดอินเทอร์เน็ต, มาร์กอัป, ภาษามาร์กอัป, เงื่อนไขการเขียนโปรแกรม, Public_html, ข้อกำหนด SEO, แหล่งที่มา, การออกแบบเว็บ, ข้อกำหนดการออกแบบเว็บ, XML