คำสั่งแรกของการสร้างเว็บเพจด้วยภาษา html คือ

ภาษา HTML คือภาษาหลักย่อมาจาก Hypertext Markup Language เป็นภาษาพื้นฐานที่ใช้สำหรับสร้างเว็บเพจ จะแสดงผลผ่านทางเว็บเบราว์เซอร์ ส่วนเว็บบราวเซอร์ที่เราคุ้นเคยก็จะมี Google Chrome, Firefox , Microsoft Edge เป็นต้น บราวเซอร์จะมีหน้าที่สำหรับรัน HTML file ขึ้นมาหรือรันหน้าเว็บที่เราเขียนขึ้นมา โดยจะแสดงข้อมูลตัวอักษร ภาพ วิดีโอ เสียง และไฟล์ในรูปแบบอื่นๆ มีการเชื่อมโยงลิงค์ของแต่ละเพจด้วย

ตัวอย่าง HTML

See the Pen Tabs Html by supaporn (@asria) on CodePen.

จากโค้ดด้านบน เป็นโครงสร้าง HTML เกี่ยวกับการสร้าง Tabs ที่เวลาเราเลือกกดหัวข้อมันจะเปลี่ยนเนื้อหาข้อความนั้นๆ จะเห็นได้จากผลลัพธ์ยังแสดงแค่ตัว Text ไม่มีความสวยงามและเมื่อคลิกที่หัวข้อเบราว์เซอร์จะ Scroll เลื่อนลงไปเนื้อหานั้นๆ

สรุป

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

2. CSS คืออะไร

แอตทริบิวต์ style ใช้เพื่อเพิ่มสไตล์ให้กับองค์ประกอบของ Tag นั้น เช่น สี แบบอักษร ขนาด และอื่นๆ เช่น กำหนดให้ Tag

ข้อความเป็นสีแดง

ตัวอย่างโค้ดแอตทริบิวต์ style

This is a red paragraph.

สรุป

โครงสร้างของภาษา HTML ต้องมี Tag เพื่อเป็นตัวกำหนดโครงสร้าง ใช้เพื่อออกคำสั่งในการแสดงเนื้อหาต่างๆ บน HTML และจะต้องมี Attribute เป็นตัวกำหนดเนื้อหา โดย Tag จำเป็นต้องมี Tag เปิดและปิด ดังนี้ … แต่สำหรับ tag เดี่ยว ไม่จำเป็นต้องมี Tag ปิด สามารถนำไปใช้ได้เลย เช่น
เป็นต้น

Attribute เป็นตัวสำหรับกำหนดลักษณะเนื้อหาของ Tag เพื่อบอกว่า Tag นี้ใช้เพื่อออกคำสั่งเกี่ยวกับอะไร เช่น สี แบบอักษร ขนาด และอื่นๆ เป็นต้น

5. โครงสร้างพื้นฐานของภาษา HTML

โครงสร้างพื้นฐานของภาษา HTML จะประกอบไปด้วยส่วนที่สำคัญ 4 ส่วน คือ

1. คือการประกาศประเภทของเอกสาร หรือ Doctype ว่าเว็บเพจหน้านี้สร้างขึ้นมาเป็นเอกสารประเภทใดและเป็นมาตรฐานใด ซึ่งมาตรฐานที่มีใช้กันอยู่ 3 มาตราฐานคือ HTML, XHTML, HTML5
2. … เป็นคำสั่งเริ่มต้นในการเขียนโปรแกรมและเป็นการบอกเบาร์เซอร์ว่าเป็น HTML ชนิดไหน
3. … คือส่วนที่เป็นหัวของเอกสาร เป็นส่วนอธิบายเกี่ยวกับข้อมูลเฉพาะของในหน้านั้นๆ ว่าเกี่ยวกับเรื่องอะไร คีย์เวิร์ดที่สำคัญของหน้านี้คืออะไร ภายในจะมี tag พิเศษ อยู่คือ Title Tag, Meta Tag เป็นต้น

   Title Tag

   … คือส่วนที่ใช้บอกว่าเว็บไซต์หน้านี้มีคือเรื่องอะไร ไม่ควรเกิน 64 ตัวอักษร และเขียนให้ความหมายสื่อถึงหน้าเว็บเพจว่าเกี่ยวกับอะไร และควรใส่ Keyword ลงไปด้วย

   Meta Description Tag คือส่วนที่ใช้ในการอธิบายหน้าว่า เนื้อหาในหน้าเว็บเพจ คืออะไร จะสื่อความหมายอะไร ตัวอักษรไม่ควรเกิน 160 ตัวอักษร

   Meta Keywords Tag คือส่วนที่แสดงให้ Bot รู้ว่าบทความนี้คีย์เวิร์ดที่เกี่ยวข้องมีอะไรบ้าง การเขียนคีย์เวิร์ดแต่ละคำ ต้องขั้นด้วยเครื่องหมายคอมม่า (,)