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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ภาษา Lua ตอนที่ 2 : พื้นฐานตัวแปร
โดย worramaitk พฤ 18 ม.ค. 2024 10:56 am บอร์ด Microsoft Office Knowledge & line & Etc
0
182
พฤ 18 ม.ค. 2024 10:56 am โดย worramaitk View Topic ภาษา Lua ตอนที่ 2 : พื้นฐานตัวแปร
ภาษา Lua ตอนที่ 1: รู้จักพื้นฐานของภาษา จะได้เขียนโปรแกรมได้ง่ายขึ้น
โดย worramaitk พฤ 18 ม.ค. 2024 10:54 am บอร์ด Microsoft Office Knowledge & line & Etc
0
181
พฤ 18 ม.ค. 2024 10:54 am โดย worramaitk View Topic ภาษา Lua ตอนที่ 1: รู้จักพื้นฐานของภาษา จะได้เขียนโปรแกรมได้ง่ายขึ้น
นำเที่ยวจังหวัดนราธิวาส
โดย worramaitk อ 16 ม.ค. 2024 7:12 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
373
พ 17 ม.ค. 2024 7:13 pm โดย simall View Topic นำเที่ยวจังหวัดนราธิวาส
แนะนำการเดินทางและท่องเที่ยวในจังหวัดเชียงใหม่
โดย DearCM จ 15 ม.ค. 2024 4:23 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
2
323
อ 16 ม.ค. 2024 9:11 am โดย emptyspace View Topic แนะนำการเดินทางและท่องเที่ยวในจังหวัดเชียงใหม่
ไขข้อข้องใจ มะเร็งตับมีกี่ระยะกันนะ?
โดย admeadme ศ 12 ม.ค. 2024 1:46 pm บอร์ด Share Knowledge
0
475
ศ 12 ม.ค. 2024 1:46 pm โดย admeadme View Topic ไขข้อข้องใจ มะเร็งตับมีกี่ระยะกันนะ?
ใช้งานร่วมกันหลายๆคนในทีมเดียวกันด้วย ChatGPT Team เปิดมาให้ราคา
โดย mindphp พฤ 11 ม.ค. 2024 3:55 am บอร์ด MindPHP News & Feedback
0
306
พฤ 11 ม.ค. 2024 3:55 am โดย mindphp View Topic ใช้งานร่วมกันหลายๆคนในทีมเดียวกันด้วย ChatGPT Team เปิดมาให้ราคา
คำสั่งให้แสดง ไฟล์ใน folder ทั้งหมดเรียงตามขนาดไฟล์ใน Folder ls -alh
โดย mindphp พ 10 ม.ค. 2024 3:29 pm บอร์ด Linux - Web Server
0
685
พ 10 ม.ค. 2024 3:29 pm โดย mindphp View Topic คำสั่งให้แสดง ไฟล์ใน folder ทั้งหมดเรียงตามขนาดไฟล์ใน Folder  ls -alh
มีหนังสือ แนะนำ Developing Extensions for Joomla! 5
โดย mindphp พ 10 ม.ค. 2024 2:52 pm บอร์ด MindPHP News & Feedback
0
230
พ 10 ม.ค. 2024 2:52 pm โดย mindphp View Topic มีหนังสือ แนะนำ Developing Extensions for Joomla! 5