บทที่ 4 ส่วนประกอบสำคัญของภาษา HTML
   ภาษา HTML มีโครงสร้างการเขียน ที่อาศัยตัวกำกับ เรียกว่า แท็ก (Tag) ควบคุมการแสดงผลของข้อความ, รูปภาพ หรือวัตถุอื่นๆ ผ่านโปรแกรม บราวเซอร์ (Browser)

Tag
Tag เป็นลักษณะเฉพาะของภาษา HTML ใช้ในการระบุรูปแบบคำสั่ง หรือการลงรหัสคำสั่ง HTML ภายในเครื่องหมาย less-than bracket ( < )
และ greater-than bracket ( > ) โดยที่ Tag HTML แบ่งได้ 2 ลักษณะ คือ
   -Tag เดี่ยว
    เป็น Tag ที่ไม่ต้องมีการปิดรหัส เช่น <P>, <HR> เป็นต้น
   -Tag เปิด/ปิด
    เป็น Tag ที่ประกอบด้วย Tag เปิด และ Tag ปิด โดย Tag ปิด จะมีเครื่องหมาย slash (/) นำหน้าคำสั่งใน Tag นั้นๆ เช่น <B>?</B>, <P>?</P> เป็นต้น
ตัวอย่าง Tag

Tag ขึ้นต้น ความหมาย Tag จบ
<p> เนื้อเรื่อง ส่วนบรรยาย </p>
<a href="/default.htm"> ลิงค์ </a>
<html> ขอบเขตเนื้อหาทั้งหมด จะอยู่ในส่วนี้ จะสังเกิดว่า Tag นี้ เป็น Tag แรก และเป็น Tag สุดท้ายเสมอ </html>
<body> ส่วนเนื้อหา ส่วนนี้มักอยู่ถัดจาก Tag <html> </body>


Attributes
      Attribute เป็นส่วนขยายใน tag ใช้สําหรับจัดรูปแบบเพิ่มเติม เช่น ขนาด สี ระยะห่าง เป็นต้น ค่าของ attribute จะอยู่ในเครื่องหมาย "?"  เช่น
align="center">ข้อความในพารากราฟนี้จัดวางอยู่กึ่งกลางหน้าจอ

width="200" color="red" noshade> ใช้สร้างเส้นคั่นยาว 200 pixel สีแดงทึบ
   โดยคำสั่ง HTML แต่ละคำสั่ง จะมี Attribute แตกต่างกันไป และมีจำนวนไม่เท่ากัน การระบุ Attribute มากกว่า 1 Attribute ให้ใช้ช่องว่างเป็นตัวคั่น เช่น Tag ควบคุมเกี่ยวกับรูปภาพ <IMG> มี Attributes ดังนี้
    

<IMG SRC="ชื่อไฟล์.นามสกุล" WIDTH="n" HEIGHT="n" ALT="text" BORDER="n">

   โดย SRC เป็น Attribute ควบคุมชื่อไฟล์ภาพที่จะนำมาแสดงผล

        WIDTH เป็น Attribute ควบคุมความกว้างของภาพ

        HEIGHT เป็น Attribute ควบคุมความสูงของภาพ

        ALT เป็น Attribute ควบคุมคำอธิบายภาพ

        BORDER เป็น Attribute ควบคุมขนาดของเส้นขอบของภาพ

    ไฟล์เอกสาร HTML เป็นไฟล์ข้อความรูปแบบหนึ่ง (Text File) ที่เก็บชุดคำสั่ง HTML ดังนั้นการสร้างเอกสาร HTML จึงสามารถใช้ Text Editor ตัวใดก็ได้ เช่น NotePad หรือ TextEdit

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
JFactory ดึงใคร login ใน web มาใช้ แต่ error ช่วยหน่อยนะคะ
โดย Anonymous อ 20 มิ.ย. 2010 12:56 am บอร์ด Programming - PHP
1
1108
อ 20 มิ.ย. 2010 1:49 pm โดย mindphp View Topic JFactory ดึงใคร login ใน web มาใช้ แต่ error ช่วยหน่อยนะคะ
ช่วยแนะนะด้วยค่ะ มือใหม่หัดทำphp
โดย Anonymous ศ 18 มิ.ย. 2010 2:23 am บอร์ด Programming - PHP
1
897
ศ 18 มิ.ย. 2010 10:41 am โดย imsn View Topic ช่วยแนะนะด้วยค่ะ มือใหม่หัดทำphp
php export excel แล้วให้อ่านภาษาไทยได้บน server
โดย Anonymous พฤ 17 มิ.ย. 2010 2:59 pm บอร์ด Programming - PHP
4
5561
จ 05 ก.ค. 2010 12:36 pm โดย mindphp View Topic php export excel แล้วให้อ่านภาษาไทยได้บน server
VirtueMart 1.1.3 stable หน้าลงทะเบียนสมาชิก ตรงช่องใส่รหัสไปษณีย์และโทรศัพท์
โดย sodato2499 พฤ 17 มิ.ย. 2010 12:30 pm บอร์ด สอบถามปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
1
1600
ศ 18 มิ.ย. 2010 10:42 am โดย imsn View Topic VirtueMart 1.1.3 stable  หน้าลงทะเบียนสมาชิก ตรงช่องใส่รหัสไปษณีย์และโทรศัพท์
อยากสร้างระบบ Poc
โดย Anonymous พฤ 17 มิ.ย. 2010 12:39 am บอร์ด Programming - PHP
1
985
ศ 18 มิ.ย. 2010 10:38 am โดย imsn View Topic อยากสร้างระบบ Poc
มือใหม่>>มีปัญหาตอน ติดตั้ง joomla ค่ะ
โดย hannaxing พ 16 มิ.ย. 2010 7:44 pm บอร์ด สอบถามปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
3
1563
ศ 18 มิ.ย. 2010 10:38 am โดย imsn View Topic มือใหม่>>มีปัญหาตอน ติดตั้ง joomla ค่ะ
ช่วยด้วย เกี่ยวกับ Function ค่ะ
โดย Anonymous พ 16 มิ.ย. 2010 5:09 pm บอร์ด Programming - PHP
1
794
พ 16 มิ.ย. 2010 5:31 pm โดย imsn View Topic ช่วยด้วย เกี่ยวกับ Function  ค่ะ
พระเจ้า OOP มันแจ๋วแบบนี้นิเอง
โดย Anonymous พ 16 มิ.ย. 2010 4:19 pm บอร์ด Programming - PHP
0
620
พ 16 มิ.ย. 2010 4:19 pm โดย บุคคลทั่วไป View Topic พระเจ้า OOP มันแจ๋วแบบนี้นิเอง