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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ตะกร้าสินค้าในร้านค้าออนไลน์ด้วย Module Cart ของ MooZiiCart
โดย bolue จ 24 ส.ค. 2020 5:29 pm บอร์ด MindPHP News & Feedback
0
104
จ 24 ส.ค. 2020 5:29 pm โดย bolue
วิธีการ แปลง รูปภาพ เป็น base64 ใน python
โดย bolue ส 22 ส.ค. 2020 6:40 pm บอร์ด Python Knowledge
0
145
ส 22 ส.ค. 2020 6:40 pm โดย bolue
Work Instruction คืออะไร และมีประโยชน์อย่างไร
โดย natthanit.r2538 ส 22 ส.ค. 2020 5:47 pm บอร์ด Share Knowledge
0
106
ส 22 ส.ค. 2020 5:47 pm โดย natthanit.r2538
วิธีอัดเสียงบน Windows 10
โดย nai_cyp ศ 21 ส.ค. 2020 7:12 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
59
ศ 21 ส.ค. 2020 7:12 pm โดย nai_cyp
สาเหตุที่ทำให้ Account ของคุณถูกแฮก
โดย nai_cyp ศ 21 ส.ค. 2020 6:56 pm บอร์ด Share Knowledge
0
90
ศ 21 ส.ค. 2020 6:56 pm โดย nai_cyp
วิธี Update Microsoft Office ด้วยตนเอง
โดย nai_cyp ศ 21 ส.ค. 2020 6:29 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
55
ศ 21 ส.ค. 2020 6:29 pm โดย nai_cyp
Cryptocurrency คืออะไร?
โดย nai_cyp ศ 21 ส.ค. 2020 1:22 pm บอร์ด Share Knowledge
1
304
ศ 21 ส.ค. 2020 1:37 pm โดย mindphp
สอบถามเขียน script vb เพื่อรัน .exe ใน task scheduler ตัว task ไม่ทำงาน
โดย jirawoot ศ 21 ส.ค. 2020 11:52 am บอร์ด Programming - C/C++ & java & Python
8
189
ศ 21 ส.ค. 2020 5:32 pm โดย jirawoot
สอบถามเรื่อง Unicode Python3 ครับ
โดย nai_cyp ศ 21 ส.ค. 2020 10:37 am บอร์ด Programming - C/C++ & java & Python
2
837
ศ 21 ส.ค. 2020 7:35 pm โดย nai_cyp
Yodo แอปพลิเคชันออกกำลังกาย ยิ่งออกยิ่งได้เงิน
โดย nai_cyp พฤ 20 ส.ค. 2020 7:07 pm บอร์ด Mobile Application Developing- Android, iOS
0
147
พฤ 20 ส.ค. 2020 7:07 pm โดย nai_cyp
แอปกู้ไฟล์ของ Windows 10
โดย nai_cyp พฤ 20 ส.ค. 2020 6:38 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
80
พฤ 20 ส.ค. 2020 6:38 pm โดย nai_cyp
วิธีปรับขนาดรูปบน Windows 10 โดยไม่ต้องใช้แอป หรือโปรแกรมเสริมใดๆ
โดย nai_cyp พฤ 20 ส.ค. 2020 5:16 pm บอร์ด Graphic design
0
117
พฤ 20 ส.ค. 2020 5:16 pm โดย nai_cyp
Gamification คืออะไร
โดย nai_cyp พฤ 20 ส.ค. 2020 12:47 pm บอร์ด Share Knowledge
0
683
พฤ 20 ส.ค. 2020 12:47 pm โดย nai_cyp
MJClone ตัวช่วยในการ Clone เว็บไซต์ Joomla ที่ไม่ได้ทำได้แค่การ Clone !!!
โดย bolue พฤ 20 ส.ค. 2020 12:35 pm บอร์ด MindPHP News & Feedback
0
78
พฤ 20 ส.ค. 2020 12:35 pm โดย bolue
ภ.ง.ด.54 เหมือนและต่างกับ ภพ.36 อย่างไร
โดย natthanit.r2538 พ 19 ส.ค. 2020 6:50 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
1
126
อ 01 ก.ย. 2020 8:10 am โดย prmindphp
สอบถามวิธีการใส่รูปภาพตัวอย่าง ใน joomla editor
โดย bolue พ 19 ส.ค. 2020 12:02 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
2
141
พ 19 ส.ค. 2020 12:20 pm โดย bolue
วิธีใช้คำสั่ง cmp ใน Python 3
โดย nai_cyp อ 18 ส.ค. 2020 6:23 pm บอร์ด Python Knowledge
0
125
อ 18 ส.ค. 2020 6:23 pm โดย nai_cyp
มาแล้วว MDevents ตัวช่วยในการจัดการตารางข้อมูลกิจกรรมต่างๆ !!!
โดย bolue อ 18 ส.ค. 2020 5:19 pm บอร์ด MindPHP News & Feedback
0
127
อ 18 ส.ค. 2020 5:19 pm โดย bolue
โปรแกรมตรวจสอบอุณหภูมิของฮาร์ดแวร์
โดย nai_cyp อ 18 ส.ค. 2020 3:04 pm บอร์ด Software testing
0
175
อ 18 ส.ค. 2020 3:04 pm โดย nai_cyp
วิธีลดเสียงรบกวนในวิดีโอด้วย DaVinci Resolve 16
โดย nai_cyp อ 18 ส.ค. 2020 2:19 pm บอร์ด Graphic design
0
110
อ 18 ส.ค. 2020 2:19 pm โดย nai_cyp