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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ลบ background ง่ายๆไม่ต้องใช้ Photoshop
โดย numtan5839 พ 13 พ.ย. 2019 12:45 pm บอร์ด Graphic design
0
18
พ 13 พ.ย. 2019 12:45 pm โดย numtan5839
Q - สอบ ถามเรื่อง python tkinter วิธีทำ PDF
โดย ichimarusoichi พ 23 ม.ค. 2019 3:25 pm บอร์ด Programming - C/C++ & java & Python
8
2154
พ 13 พ.ย. 2019 12:31 pm โดย dharya
ไฟล์ XAPK คืออะไร
โดย chaiyasitpraphut พ 13 พ.ย. 2019 12:11 pm บอร์ด Mobile Application Developing- Android, iOS
0
15
พ 13 พ.ย. 2019 12:11 pm โดย chaiyasitpraphut
วิธีเปิดและแก้ไขไฟล์ PSD โดยไม่ต้องลงโปรแกรม
โดย numtan5839 พ 13 พ.ย. 2019 11:59 am บอร์ด Graphic design
0
22
พ 13 พ.ย. 2019 11:59 am โดย numtan5839
สอบถาม ผมจะ add pinter จากเครื่องที่ share printer นั้นอยู่โดยเครื่องนั้นใช้ OS windows
โดย jirawoot พ 13 พ.ย. 2019 11:31 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
17
พ 13 พ.ย. 2019 11:31 am โดย jirawoot
แนะนำ Website แต่งรูป Online ไม่ต้องติดตั้ง
โดย numtan5839 พ 13 พ.ย. 2019 11:16 am บอร์ด Graphic design
0
47
พ 13 พ.ย. 2019 11:16 am โดย numtan5839
ขอสอบถามการบันทึกบัญชีของการซื้อบริการรายเดือนของ Line ด้วยบัตรเครดิตของผู้บริหารน่อยค่ะ
โดย nnamfon.26 พ 13 พ.ย. 2019 11:11 am บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
0
15
พ 13 พ.ย. 2019 11:11 am โดย nnamfon.26
ทำความรู้จักกับ LINE Notify
โดย chaiyasitpraphut พ 13 พ.ย. 2019 11:11 am บอร์ด IOT - Internet of things
0
17
พ 13 พ.ย. 2019 11:11 am โดย chaiyasitpraphut
กินยาคุมครั้งแรกยังไงให้ถูกวิธี ไม่ท้องแน่นอน!
โดย promotion พ 13 พ.ย. 2019 11:06 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
15
พ 13 พ.ย. 2019 11:06 am โดย promotion
ภาพ thailand-football-team
โดย numtan5839 อ 12 พ.ย. 2019 7:10 pm บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
3
29
พ 13 พ.ย. 2019 10:43 am โดย numtan5839
บอร์ด Mindphp.com ตอนนี้ อัพเกรด phpBB จาก 3.1 เป็น 3.2 แล้วนะ
โดย mindphp พ 13 พ.ย. 2019 4:54 am บอร์ด MindPHP News / Feedback
0
55
พ 13 พ.ย. 2019 4:54 am โดย mindphp
ติดตั้งโมดูลใน joomla 2.5 แล้ว erorr
โดย jamepiyawat อ 12 พ.ย. 2019 8:04 pm บอร์ด Joomla Development
3
83
อ 12 พ.ย. 2019 8:49 pm โดย mindphp
การใช้ confirm() ของ Javascript เพื่อ แจ้งเตือน ให้กดยืนยัน ก่อนทำการ ลบข้อมูล
โดย bankjittapol อ 12 พ.ย. 2019 7:12 pm บอร์ด Jquery & Ajax Knowledge
0
42
อ 12 พ.ย. 2019 7:12 pm โดย bankjittapol
การใช้ Domvas library แปลง code html แปลงหน้าเว็บ เป็นรูปภาพ
โดย bankjittapol อ 12 พ.ย. 2019 6:43 pm บอร์ด Jquery & Ajax Knowledge
0
34
อ 12 พ.ย. 2019 6:43 pm โดย bankjittapol
B - ต้องการสร้างใบcustomer paymentเมื่อใส่ข้อมูลที่withholding tax ไม่สามารถทำได้
โดย nnamfon.26 อ 12 พ.ย. 2019 6:20 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
6
อ 12 พ.ย. 2019 6:20 pm โดย nnamfon.26
รู้จักกับ soil moisture sensor
โดย chaiyasitpraphut อ 12 พ.ย. 2019 5:12 pm บอร์ด IOT - Internet of things
0
33
อ 12 พ.ย. 2019 5:12 pm โดย chaiyasitpraphut
PIR Motion Sensor module คืออะไร
โดย chaiyasitpraphut อ 12 พ.ย. 2019 4:51 pm บอร์ด IOT - Internet of things
0
24
อ 12 พ.ย. 2019 4:51 pm โดย chaiyasitpraphut
แปลง code html เป็น image แต่ไม่แสดงผลลัพธ์
โดย bankjittapol อ 12 พ.ย. 2019 4:44 pm บอร์ด JavaScript & Jquery Ajax
4
86
พ 13 พ.ย. 2019 5:29 am โดย mindphp
วิธีการลงทุนที่ดีที่สุดสำหรับ "มนุษย์เงินเดือน"
โดย somying อ 12 พ.ย. 2019 4:09 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
40
อ 12 พ.ย. 2019 4:09 pm โดย somying
เปิดและปิดไฟ LED ด้วย Blynk
โดย chaiyasitpraphut อ 12 พ.ย. 2019 4:01 pm บอร์ด IOT - Internet of things
0
29
อ 12 พ.ย. 2019 4:01 pm โดย chaiyasitpraphut