:: เมนูหลัก
 แบบทดสอบก่อนเรียน
 หน่วยที่ 1 โลกของเว็บเพจและเว็บไซต์
 หน่วยที่ 2 เริ่มต้นกับ HTML
 แบบทดสอบก่อนเรียน
 ทำไมต้องเรียนรู้ HTML
 HTML คืออะไร
 ลัษณะของภาษา HTML
 โครงสร้างภาษา HTML4
 โครงสร้างภาษา HTML5
 สิ่งใหม่ๆ ใน HTML5
 เครื่องมือที่ใช้สร้างเอกสาร HTML
 สร้างเว็บเพจแรกด้วย HTML5
 แบบฝึกหัด
 แบบทดสอบหลังเรียน
 หน่วยที่ 3 การจัดการข้อความ
 หน่วยที่ 4 การใช้ลิสต์สร้างรายการ
 หน่วยที่ 5 การแทรกภาพ
 หน่วยที่ 6 การสร้างตาราง
 หน่วยที่ 7 การเชื่อมโยงเว็บเพจด้วยลิงค์
หน่วยที่ 8 การใช้งานไฟล์วีดีโอและเสียง
 หน่วยที่ 9 การสร้างฟอร์ม
 แบบทดสอบหลังเรียนเรียน
:: หน่วยที่ 2 เริ่มต้นกับ HTML5

ลัษณะของภาษา HTML



องค์ประกอบของภาษา HTML สามารถแบ่งออกเป็น 2 ส่วน คือ ส่วนที่เป็นข้อความทั่วๆไป และส่วนที่เป็นคำสั่งที่ใช้ในการกำหนดรูปแบบของข้อความที่แสดง ซึ่งเราเรียกคำสั่งนี้ว่า แท็ก (Tag) โดยแท็กคำสั่งของ HTML จะอยู่ในเครื่องหมาย < และ > รายละเอียดคำสั่งของ HTML โดยการใช้งานหลักจะมีดังนี้


1. คำสั่ง หรือ Tag
              Tag เป็นลักษณะเฉพาะของภาษา HTML ใช้ในการระบุรูปแบบคำสั่ง หรือการลงรหัสคำสั่ง HTML ภายในเครื่องหมาย less-than bracket ( < ) และ greater-than bracket ( > ) โดยที่ Tag HTML แบ่งได้ 2 ลักษณะ คือ

Tag เดี่ยว เป็น Tag ที่ไม่ต้องมีการปิดรหัส เช่น <HR>, <BR> เป็นต้น

Tag เปิด/ปิด รูปแบบของ tag นี้จะเป็นแบบ โดยที่ <p> .... </p>

<แท็กเปิด> ข้อความ </แท็กปิด>    เช่น <p> การใช้คำสั่งแท๊กเปิด/ปิด </p>

<p> เรียกว่า tag เปิด

</p> เรียกว่า tag ปิด


ในกรณีที่เราต้องการใช้แท็กซ้อนกันมากกว่า 1 แท็ก เราจะต้องเปิดและปิดแท็กข้างนอกสุดก่อน แล้วข่อยเข้าไปเขียนท็กอื่น ๆ ข้างในตามลำดับ ดังในตัวอย่างด้านล่าง เราจะเปิดและปิด <h1> ก่อนแล้วค่อยเพิ่มแท็ก <li>

<h1> <li> ข้อความ </li></h1>


2. Attributes
             บางแท็กจะมีตัวกำหนดคุณสมบัติเรียกว่า แอตทริบิวต์ (Attribute) โดยกำหนดค่าแอตทริบิวต์ในส่วนของแท็กเปิด และค่าที่ถูกำหนดให้ใช้ในแท็ก เีรียกว่า (Value) เช่น แท็ก Font ใช้สำหรับการกำหนดลักษณะตัวอักษร

<font color="#ff0000">ข้อความ</font>
แท็ก font กำหนดลักษณะตัวอักษร
แอตทริบิวต์ color กำหนดสีตัวอักษร
ค่าที่กำหนด #ff0000 ค่าสีตัวอักษร

3. not case sensitive
              การใช้คำสั่งหรือtag ของภาษา HTML จะพิมพ์ตัวพิมพ์ใหญ่ หรือ พิมพ์เล็กก็ได้ <BR> หรือ <br> ผลลัพธ์ออกมาไม่ต่างกัน แต่ควรเลือกใช้อย่างใดอย่างหนึ่ง เพื่อความไม่สับสนในการใช้งาน