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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
เปิดและปิดไฟด้วยเซนเซอร์ตรวจจับความเคลื่อนไหว
โดย chaiyasitpraphut อ 12 พ.ย. 2019 3:20 pm บอร์ด IOT - Internet of things
0
24
อ 12 พ.ย. 2019 3:20 pm โดย chaiyasitpraphut
ส่วนประกอบ Arduino UNO R3
โดย chaiyasitpraphut อ 12 พ.ย. 2019 2:42 pm บอร์ด IOT - Internet of things
0
21
อ 12 พ.ย. 2019 2:42 pm โดย chaiyasitpraphut
VDO - Program Exchange Rate
โดย numtan5839 อ 12 พ.ย. 2019 2:42 pm บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
1
41
อ 12 พ.ย. 2019 3:36 pm โดย thatsawan
การใส่ค่าในช่อง input ด้วย javascript เพื่อจะได้มีค่าอยู่ใน textbox
โดย jamepiyawat อ 12 พ.ย. 2019 2:37 pm บอร์ด Jquery & Ajax Knowledge
0
27
อ 12 พ.ย. 2019 2:37 pm โดย jamepiyawat
วิธีต่อ Nodemcu Esp8266 กับ Sensor ตรวจวัดอุณหภูมิและความชื้น DHT11
โดย chaiyasitpraphut อ 12 พ.ย. 2019 2:23 pm บอร์ด IOT - Internet of things
0
24
อ 12 พ.ย. 2019 2:23 pm โดย chaiyasitpraphut
โครงสร้างของภาษา php
โดย chaiyasitpraphut อ 12 พ.ย. 2019 1:38 pm บอร์ด MT35 - นายชัยยะสิทธิ์ พระพุทธ
0
6
อ 12 พ.ย. 2019 1:38 pm โดย chaiyasitpraphut
การเชื่อมต่อฐานข้อมูลด้วย php
โดย chaiyasitpraphut อ 12 พ.ย. 2019 12:08 pm บอร์ด MT35 - นายชัยยะสิทธิ์ พระพุทธ
2
15
อ 12 พ.ย. 2019 12:59 pm โดย chaiyasitpraphut
วิธีป้องกันยุงกัดส่งตรงจากธรรมชาติ ปราศจากสารเคมี
โดย somying อ 12 พ.ย. 2019 12:24 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
28
อ 12 พ.ย. 2019 12:24 pm โดย somying
วิธีการลงทุนที่ดีที่สุดสำหรับ "มนุษย์เงินเดือน"
โดย somying อ 12 พ.ย. 2019 12:13 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
51
พ 13 พ.ย. 2019 2:52 pm โดย ritcha
ทำยังไง เมื่อผู้ใช้ต้องการแชร์ รูปแบบแผนการเล่น แล้ว ให้รูปภาพแผนการเล่นนี้แสดงในส่วนของ og image
โดย bankjittapol อ 12 พ.ย. 2019 11:18 am บอร์ด JavaScript & Jquery Ajax
1
36
อ 12 พ.ย. 2019 11:38 am โดย jamepiyawat
จะทำยังไง เมื่อผู้ใช้ กดบันทึกรูปภาพ และให้รุปภาพนั้น เก็บไว้บน server เพื่อที่จะดึงรูปมาให้ ผุ้ใช้ download หรือแสดงภา
โดย bankjittapol อ 12 พ.ย. 2019 11:07 am บอร์ด JavaScript & Jquery Ajax
4
65
อ 12 พ.ย. 2019 8:17 pm โดย thatsawan
ต้องการแสดงรูปภาพ ของนักเตะที่เลือกลงแทนตัว block ตำแหน่งครับ
โดย bankjittapol อ 12 พ.ย. 2019 10:37 am บอร์ด JavaScript & Jquery Ajax
3
68
อ 12 พ.ย. 2019 8:45 pm โดย mindphp
งานประจำวันที่ 12 พฤศจิกายน 2562
โดย numtan5839 อ 12 พ.ย. 2019 10:31 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
14
73
พ 13 พ.ย. 2019 10:44 am โดย numtan5839
งานประจำวันที่ 12 พฤศจิกายน 2562
โดย chaiyasitpraphut อ 12 พ.ย. 2019 9:51 am บอร์ด MT35 - นายชัยยะสิทธิ์ พระพุทธ
6
64
อ 12 พ.ย. 2019 7:03 pm โดย chaiyasitpraphut
การใช้ click กับ onclick เพื่อ hide หรือ show ข้อความ
โดย bankjittapol จ 11 พ.ย. 2019 8:27 pm บอร์ด Jquery & Ajax Knowledge
0
51
จ 11 พ.ย. 2019 8:27 pm โดย bankjittapol
เทคนิคการ Contrast สำหรับงาน Graphic
โดย numtan5839 จ 11 พ.ย. 2019 6:57 pm บอร์ด Graphic design
0
29
จ 11 พ.ย. 2019 6:57 pm โดย numtan5839
การใช้ .attr() jquery เพื่อดึงค่าจาก attribute ของ element หรือกำหนดค่าให้กับ attribute
โดย bankjittapol จ 11 พ.ย. 2019 6:47 pm บอร์ด Jquery & Ajax Knowledge
0
31
จ 11 พ.ย. 2019 6:47 pm โดย bankjittapol
การเดินทางจากจังหวัดศรีสะเกษมากรุงเทพมหานคร
โดย chaiyasitpraphut จ 11 พ.ย. 2019 5:50 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
37
จ 11 พ.ย. 2019 5:50 pm โดย chaiyasitpraphut
จะทำอย่างไรไม่ให้ Xampp รัน PHP สองเวอร์ชั่น เวอร์ชั่น 7 start ขึ้นมาตอนกด start Xampp เวอร์ชั่น 5 ครับ
โดย jamepiyawat จ 11 พ.ย. 2019 5:16 pm บอร์ด Programming - PHP
2
87
จ 11 พ.ย. 2019 6:29 pm โดย jamepiyawat
Email Client คืออะไร
โดย chatee supasand จ 11 พ.ย. 2019 4:54 pm บอร์ด Share Knowledge
0
22
จ 11 พ.ย. 2019 4:54 pm โดย chatee supasand