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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ช่วยด้วยค่ะหนูต้องการให้ตั้งเงื่อนไขให้เอาค่าdefaultที่เลือกอยู่ใน listbox มาแสดงเป็นข้อความหนูต้องทำอย่างไรค่ะ
โดย Parichat ส 17 ก.พ. 2018 11:11 pm บอร์ด Joomla Development
0
13
ส 17 ก.พ. 2018 11:11 pm โดย Parichat
อยากทราบคำสั่งสำหรับวนลูปในการคลิกเลือกหน้าถัดไป
โดย Panchalee ส 17 ก.พ. 2018 6:40 pm บอร์ด Programming - C/C++ & java & Python
0
13
ส 17 ก.พ. 2018 6:40 pm โดย Panchalee
วิธีการติดตั้งเวอร์ชั่น php ในโปรแกรม Laragon
โดย Parichat ส 17 ก.พ. 2018 6:31 pm บอร์ด PHP Knowledge
0
15
ส 17 ก.พ. 2018 6:31 pm โดย Parichat
ปัญหาเรื่องบทความComponent, Module และ Plug in แตกต่างกันอย่างไร
โดย alisa93 ส 17 ก.พ. 2018 11:33 am บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
1
17
ส 17 ก.พ. 2018 2:27 pm โดย mindphp
ปัญหาเรื่องบทความ Joomla Extension
โดย alisa93 ส 17 ก.พ. 2018 10:56 am บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
1
24
ส 17 ก.พ. 2018 2:34 pm โดย mindphp
Selenium : คำสั่งสำหรับเช็ค Error ความสมบูรณ์ที่หน้าเว็บ
โดย Panchalee ศ 16 ก.พ. 2018 3:53 pm บอร์ด Software testing
0
11
ศ 16 ก.พ. 2018 3:53 pm โดย Panchalee
การสร้าง URL ให้แสดงทั้งไอดีทั้งจังหวัดต้องทำอย่างไรค่ะ
โดย Parichat ศ 16 ก.พ. 2018 2:40 pm บอร์ด Joomla Development
1
22
ศ 16 ก.พ. 2018 2:50 pm โดย tsukasaz
การสร้าง URL ให้แสดงทั้งลิ้งทั้งจังหวัดต้องทำอย่างไรค่ะ
โดย Parichat ศ 16 ก.พ. 2018 2:39 pm บอร์ด Joomla Development
3
28
ศ 16 ก.พ. 2018 3:23 pm โดย Parichat
อยากทราบคำสั่งสำหรับการเช็ค Error ในกรณีที่หน้าเว็บโหลดขึ้นไม่ครบ
โดย Panchalee ศ 16 ก.พ. 2018 2:14 pm บอร์ด Programming - C/C++ & java & Python
1
21
ศ 16 ก.พ. 2018 2:16 pm โดย thatsawan
ความเเตกต่าง ระหว่าง python 2 - python 3
โดย Jom07 ศ 16 ก.พ. 2018 1:48 pm บอร์ด Python Knowledge
0
23
ศ 16 ก.พ. 2018 1:48 pm โดย Jom07
Selenium : การใช้คำสั่งวนลูปใน xpath
โดย Panchalee ศ 16 ก.พ. 2018 1:44 pm บอร์ด Software testing
0
19
ศ 16 ก.พ. 2018 1:44 pm โดย Panchalee
จะขอถามเรื่องการเข้าไปดูผลลัพธ์ที่สร้าง Component ที่ชื่อว่า OS Responsive Image Gallery ยังไงค่ะ
โดย Parichat ศ 16 ก.พ. 2018 1:35 pm บอร์ด Joomla Development
2
26
ศ 16 ก.พ. 2018 1:55 pm โดย Parichat
OS Responsive Image Gallery(โอเอส เรสปอน์ซีฟอิมเมดแกลเลอรี่)-Component แกลเลอรี Joomla ที่เรียบง่าย
โดย Parichat ศ 16 ก.พ. 2018 1:29 pm บอร์ด Joomla Extension Review
0
14
ศ 16 ก.พ. 2018 1:29 pm โดย Parichat
การ์ดจอ กับ สโมสร ลิเวอร์พูล
โดย Before Dong ศ 16 ก.พ. 2018 10:33 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
24
ศ 16 ก.พ. 2018 2:07 pm โดย jobyjob
สอบถามค่ะ การยื่นภงด.1ก ยืนไม่ตรงกับภงด 1 ใบแนบเเต่ละเดือนเป็นไปได้มั้ยค่ะ
โดย thatsawan ศ 16 ก.พ. 2018 10:09 am บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
3
22
ศ 16 ก.พ. 2018 10:15 am โดย atipornh
การทำ webdriver บน Python GUI (Tkinter)
โดย Jom07 พฤ 15 ก.พ. 2018 6:48 pm บอร์ด Software testing
0
32
พฤ 15 ก.พ. 2018 6:48 pm โดย Jom07
ติดตั้ง Template ลงใน Joomle ไม่ได้ค่ะ
โดย Parichat พฤ 15 ก.พ. 2018 2:47 pm บอร์ด Joomla Development
4
26
พฤ 15 ก.พ. 2018 3:19 pm โดย Parichat
ออกรถยนต์ใหม่ป้ายแดงดาวน์ 0% ( ไม่ต้องใช้เงินดาวน์เลยแม้แต่บาทเดียว)
โดย bank16947 พฤ 15 ก.พ. 2018 10:09 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
19
พฤ 15 ก.พ. 2018 10:09 am โดย bank16947
รวมกลุ่มเฟสบุ๊คเกี่ยวกับ IT, Technology, CES
โดย AePongsak พฤ 15 ก.พ. 2018 10:08 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
6
60
ศ 16 ก.พ. 2018 11:51 am โดย AePongsak
งานประจำวันที่ 15 กุมภาพันธ์ 2561
โดย Alisasukkeaw พฤ 15 ก.พ. 2018 9:49 am บอร์ด M054 - อลิสา สุขเขียว
2
13
ศ 16 ก.พ. 2018 3:12 am โดย mindphp