จริงๆ แล้วเว็บไซต์ประกอบด้วยหน้าเว็บ หากคุณต้องการทำความเข้าใจว่าเว็บไซต์คืออะไร คุณต้องเข้าใจก่อนว่าหน้าเว็บคืออะไร
(1) จริงๆ แล้วหน้าเว็บคือไฟล์บนเซิร์ฟเวอร์ เมื่อเราเรียกดูหน้าเว็บ ไฟล์นี้จะถูกดาวน์โหลดไปยังคอมพิวเตอร์ของเรา จากนั้นเบราว์เซอร์จะแยกวิเคราะห์เพื่อแสดงอินเทอร์เฟซที่สวยงามต่างๆ เช่น ตาราง รูปภาพ และชื่อเรื่อง , รายการ ฯลฯ
(2) คำต่อท้ายสำหรับไฟล์หน้าเว็บมีหลายประเภท เช่น .html, .php, .jsp, .asp เป็นต้น ฉันเชื่อว่าทุกคนเคยเห็นคำต่อท้ายเหล่านี้ในที่อยู่ของเบราว์เซอร์
(3) แต่ไม่ว่าคำต่อท้ายของหน้าเว็บจะเป็นอย่างไร สาระสำคัญของหน้าเว็บก็เหมือนกัน นั่นคือไฟล์ข้อความธรรมดาที่ประกอบด้วยโค้ด HTML
(4) เราสามารถใช้ Notepad, Notepad++, Sublime Text ฯลฯ เพื่อเขียนโค้ดได้
(1) เว็บไซต์สามารถถูกมองว่าเป็นโฟลเดอร์ที่วางอยู่บนเซิร์ฟเวอร์ซึ่งประกอบด้วยหน้าเว็บจำนวนมากและโฟลเดอร์ย่อยจำนวนมาก
(2) เมื่อผู้ใช้เข้าถึงเว็บไซต์ เขาหรือเธออ่านเนื้อหาของไฟล์ เมื่อผู้ใช้แบ่งปันข้อมูล เขาหรือเธอแก้ไขเนื้อหาของไฟล์ ลบไฟล์ที่มีอยู่ หรือสร้างไฟล์ใหม่
ซอฟต์แวร์การเขียนที่ใช้กันมากที่สุดในปัจจุบันคือ Visual Studio Code และโค้ดในอนาคตก็จะถูกเขียนด้วย Visual Studio Code ด้วย
HTML เป็นภาษาที่ใช้อธิบายหน้าเว็บ HTML เป็นภาษามาร์กอัปทั่วไปที่ใช้บนเว็บ HTML ช่วยให้คุณสามารถจัดรูปแบบข้อความ เพิ่มรูปภาพ สร้างลิงก์ แบบฟอร์มการป้อนข้อมูล กรอบและตาราง ฯลฯ และบันทึกเป็นไฟล์ข้อความ ซึ่งเบราว์เซอร์สามารถอ่านและแสดงได้
(1) HTML หมายถึงภาษามาร์กอัป HyperText: ภาษามาร์กอัป HyperText
(2) HTML ไม่ใช่ภาษาการเขียนโปรแกรม แต่เป็นภาษามาร์กอัป
(3) ภาษามาร์กอัปคือชุดของแท็กมาร์กอัป
(4) HTML ใช้แท็กมาร์กอัปเพื่ออธิบายหน้าเว็บ
(5) เอกสาร HTML มีแท็ก HTML และเนื้อหาข้อความ
(6) เอกสาร HTML เรียกอีกอย่างว่าเว็บเพจ
(1) แท็กมาร์กอัป HTML มักเรียกว่าแท็ก HTML
(2) แท็ก HTML คือคำหลัก <tag> ล้อมรอบด้วยวงเล็บมุม
(3) แท็ก HTML มักจะปรากฏเป็นคู่ <tag>เนื้อหา</tag>
(4) แท็กแรกในคู่แท็กคือแท็กเริ่มต้น และแท็กที่สองคือแท็กปิด
(5) แท็กเริ่มต้นและแท็กสิ้นสุดเรียกอีกอย่างว่าแท็กเปิดและแท็กปิด
(1) แท็ก HTML และองค์ประกอบ HTML มักจะอธิบายความหมายเดียวกัน
(2) แต่พูดอย่างเคร่งครัด องค์ประกอบ HTML ประกอบด้วยแท็กเริ่มต้นและแท็กปิด
(1) เว็บเบราว์เซอร์ (เช่น Google Chrome, Internet Explorer, Firefox และ Safari) ใช้เพื่ออ่านไฟล์ HTML และแสดงเป็นหน้าเว็บ
(2) เว็บเบราว์เซอร์ไม่แสดงแท็ก HTML โดยตรง แต่ใช้แท็กเพื่อกำหนดวิธีแสดงเนื้อหาของหน้า HTML แก่ผู้ใช้
ต่อไป มาเรียนรู้เกี่ยวกับโครงสร้างของ HTML ผ่านตัวอย่าง HTML ง่ายๆ
หมายเหตุ: หลังจากป้อน Visual Studio Code แล้ว ให้เปลี่ยนส่วนต่อท้ายของไฟล์ใหม่เป็น .HTML ให้ป้อน ! แล้วกด Enter เพื่อสร้างเฟรมเวิร์กพื้นฐาน
ตัวอย่าง HTML เป็นดังนี้:
<!DOCTYPEhtml><html><head><metacharset=UTF-8><metaname=viewportcontent=width=device-width,initial-scale=1.0><title>เอกสาร</title></head><body>< /ร่างกาย></html>
การวิเคราะห์ตัวอย่าง:
● DOCTYPE คือการประกาศประเภทเอกสารของภาษามาร์กอัปสากลมาตรฐาน ซึ่งช่วยในการแสดงหน้าเว็บอย่างถูกต้องในเบราว์เซอร์ การประกาศประเภทเอกสารไม่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่
●แท็ก <html> เป็นองค์ประกอบรากของหน้า HTML และแท็กปิดท้ายของแท็กนี้คือ </html>
●แท็ก <head> มีข้อมูลเมตาของเอกสาร
●<meta charset=utf-8> กำหนดรูปแบบการเข้ารหัสหน้าเว็บเป็น utf-8 ซึ่งสามารถแก้ปัญหาอักขระภาษาจีนที่อ่านไม่ออกในเบราว์เซอร์ได้
●แท็ก <title> กำหนดชื่อเรื่องของเอกสาร
●แท็ก <body> กำหนดเนื้อหาหลักของเอกสาร กล่าวคือ เนื้อหาของหน้าที่มองเห็นได้บนหน้าเว็บ เครื่องหมายปิดท้ายของแท็กนี้คือ </body>