ให้เรตสมาชิก: 2 / 5

ดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
E Registration อีกหนึ่งบริการที่น่าสนใจ
โดย PhoorichayaM ศ 09 ต.ค. 2020 10:20 am บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
0
138
ศ 09 ต.ค. 2020 10:20 am โดย PhoorichayaM
สอบถามเรื่อง api สร้างเลขพัสดุค่ะ
โดย bolue ศ 09 ต.ค. 2020 10:10 am บอร์ด Programming - PHP
0
194
ศ 09 ต.ค. 2020 10:10 am โดย bolue
วิธีการสร้าง Function PHP (เบื้องต้น)
โดย makup พฤ 08 ต.ค. 2020 7:04 pm บอร์ด PHP Knowledge
0
91
พฤ 08 ต.ค. 2020 7:04 pm โดย makup
Combined Work กับ Minimal Correspnding Source คืออะไร
โดย PhoorichayaM พฤ 08 ต.ค. 2020 5:40 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
139
ศ 09 ต.ค. 2020 11:59 am โดย mindphp
การกรองข้อมูลสนามบินและสายการบินใน Google Sheets
โดย nalinthip พฤ 08 ต.ค. 2020 4:15 pm บอร์ด Share Knowledge
0
161
พฤ 08 ต.ค. 2020 4:15 pm โดย nalinthip
บทเรียนสอน Laravel - สำหรับพัฒนา ทำเว็บด้วย Laravel Framework
โดย makup พฤ 08 ต.ค. 2020 4:02 pm บอร์ด PHP Knowledge
2
924
พฤ 22 ต.ค. 2020 7:16 pm โดย makup
Armstrong number PHP
โดย makup พฤ 08 ต.ค. 2020 2:10 pm บอร์ด PHP Knowledge
0
72
พฤ 08 ต.ค. 2020 2:10 pm โดย makup
Meeting Minutes ช่วยในเรื่องการประชุม
โดย PhoorichayaM พฤ 08 ต.ค. 2020 1:52 pm บอร์ด Share Knowledge
0
140
พฤ 08 ต.ค. 2020 1:52 pm โดย PhoorichayaM