บทที่ 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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
โค้ด memcache สำหรับ phpbb จากเว็บ phpbb.com
โดย mindphp ส 27 ก.พ. 2010 3:45 am บอร์ด Free PHP Code Download script
0
2762
ส 27 ก.พ. 2010 3:45 am โดย mindphp View Topic โค้ด memcache สำหรับ phpbb จากเว็บ phpbb.com
สร้างหน้าเว็บขึ้นมาเองแล้วใช้ user จาก phpbb3
โดย mindphp ส 27 ก.พ. 2010 3:36 am บอร์ด สอบถามปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
0
1099
ส 27 ก.พ. 2010 3:36 am โดย mindphp View Topic สร้างหน้าเว็บขึ้นมาเองแล้วใช้ user จาก phpbb3
วิธีติดตั้ง PHP-MemCache Module On CentOS
โดย mindphp ส 27 ก.พ. 2010 3:09 am บอร์ด Linux - Web Server
0
2452
ส 27 ก.พ. 2010 3:09 am โดย mindphp View Topic วิธีติดตั้ง PHP-MemCache Module On CentOS
อยากทราบวิธีเขียนให้ php อัพโหลดไฟล์อัตโนมัตินะค่ะ
โดย Anonymous ศ 26 ก.พ. 2010 11:03 pm บอร์ด Programming - PHP
7
2603
ส 14 ส.ค. 2010 4:56 pm โดย konjing View Topic อยากทราบวิธีเขียนให้ php อัพโหลดไฟล์อัตโนมัตินะค่ะ
ช่วยดูโค๊ตให้ทีคับ ต้องการค้นหาคับ ไม่รู้ว่าใช้ sql ถูกรึป่าว
โดย maii ศ 26 ก.พ. 2010 9:35 pm บอร์ด SQL - Database
2
1922
อ 28 ก.พ. 2010 9:45 am โดย maii View Topic ช่วยดูโค๊ตให้ทีคับ ต้องการค้นหาคับ ไม่รู้ว่าใช้ sql ถูกรึป่าว
วิธีลดขนาดไฟล์ PDF ด้วย Adobe Acrobat
โดย mindphp ศ 26 ก.พ. 2010 1:57 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
19202
ศ 26 ก.พ. 2010 9:32 pm โดย mindphp View Topic วิธีลดขนาดไฟล์ PDF  ด้วย Adobe Acrobat
เรื่องการ COUNT ข้อมูล จากตารางอื่น
โดย MoreMeng พฤ 25 ก.พ. 2010 5:04 pm บอร์ด SQL - Database
1
1616
ศ 26 ก.พ. 2010 11:26 am โดย secivon View Topic เรื่องการ COUNT ข้อมูล จากตารางอื่น
Menu แบบในเว็บ http://ubuntu-tweak.com/ เรียนกว่อะไรครับ เหมือน iPhone เลย
โดย jeeradate พฤ 25 ก.พ. 2010 3:39 pm บอร์ด JavaScript & jQuery Ajax & Node.JS
1
1716
ศ 26 ก.พ. 2010 8:54 am โดย jeeradate View Topic Menu แบบในเว็บ http://ubuntu-tweak.com/ เรียนกว่อะไรครับ เหมือน iPhone เลย