ให้เรตสมาชิก: 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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
สอบถามปัญหา เกี่ยวเพิ่มข้อมูลคำพจนานุกรมไปแล้ว แต่ไม่แสดงผลในหน้าค้นหาครับ
โดย makup จ 02 พ.ย. 2020 8:05 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
7
336
พฤ 12 พ.ย. 2020 11:21 am โดย thatsawan
สอนรวมภาพ JPG เป็น ไฟล์ PDF แบบฟรีๆ ไม่ต้องโหลดโปรแกรม
โดย Bellamy จ 02 พ.ย. 2020 7:11 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
199
จ 02 พ.ย. 2020 7:11 pm โดย Bellamy
การแปลข้อความด้วย Ms Word2019
โดย Bellamy จ 02 พ.ย. 2020 7:02 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
108
จ 02 พ.ย. 2020 7:02 pm โดย Bellamy
ขอวิธีปรับขนาดรูปภาพเวลาตั้งกระทู้หน่อยครับ
โดย salahuding จ 02 พ.ย. 2020 6:07 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
225
อ 03 พ.ย. 2020 12:50 pm โดย mindphp
smart device กับ mobile device เหมือนหรือต่างกันตรงไหน
โดย Anonymous จ 02 พ.ย. 2020 5:32 pm บอร์ด Mobile Programming - Android, iOS, Window Phone
0
252
จ 02 พ.ย. 2020 5:32 pm โดย บุคคลทั่วไป
การใช้ command prompt เพื่อตรวจสอบปัญหาและแกไข network เบื้องต้น
โดย salahuding จ 02 พ.ย. 2020 3:36 pm บอร์ด Share Knowledge
0
175
จ 02 พ.ย. 2020 3:36 pm โดย salahuding
วิธีเดืนทางจากยะลา มากทม
โดย salahuding จ 02 พ.ย. 2020 12:29 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
247
จ 02 พ.ย. 2020 12:29 pm โดย salahuding
ขอวิธีแก้ Error mysqli_real_connect(): (HY000/1045): Access denied for user 'root'@'localhost' (using password: NO)
โดย makup จ 02 พ.ย. 2020 11:31 am บอร์ด SQL - Database
6
408
จ 02 พ.ย. 2020 12:32 pm โดย makup