แนะนำโลกของ HTML
สามารถดู video ของหัวข้อนี้ก่อนได้ ดู video
HTML คืออะไร ?
HTML ย่อมาจาก HyperText Markup Language เป็นภาษาคอมพิวเตอร์ที่ใช้สร้างหน้าเว็บออกมาในรูปแบบไฟล์ของ .html
จุดประสงค์ของ html เพื่อวางโครงสร้างของตัวหน้าเว็บออกมา ว่าจะให้มีลักษณะโครงหน้าตาประมาณไหน (เหมือนวางเสาหลักของบ้าน)
สร้างไฟล์ HTML
เราจะเริ่มต้นโดยการเปิด VS Code > Open folder แล้วเลือก Folder เปล่าสักอันออกมา
หลังจากนั้นให้ทุกคนสร้างไฟล์ index.html ใน folder นั้นและพิมพ์ "html:5" ออกมาเพื่อปูโครงสร้างของ html ทั้งหมดออกมา
ดูตัวอย่างตาม video ข้างล่างนี้ได้ (ถ้าทุกอย่างถูกต้อง จะได้ไฟล์ index.html พร้อมกับ โครงสร้างพื้นฐานของ html ออกมา)
Basic Structure ของ HTML
ปกติโครงสร้าง html ทั้งหมดจะคลุมด้วย tag ชื่อ html เอาไว้ สิ่งที่อยู่ภายใต้ tag html คือข้อมูลทั้งหมดของ file html
- สัญลักษณ์
<!-- -->
เป็นการบอกถึง comment code สิ่งที่อยู่ตรงกลางระหว่างนี้จะไม่แสดงออกไปบนหน้าจอ
<html>
<!-- สิ่งที่อยู่ภายในนี้ -->
<!-- comment code สิ่งที่อยู่ภายในนี้จะไม่แสดงออกมาให้ user เห็น -->
</html>
tag จะมีทั้ง 2 แบบคือ
- tag เปิดและ tag ปิด เช่น
<body>เนื้อหาใน body</body>
,<p>