สรุปคำสั่ง html (2)
ความหมายของคำสั่ง(2)
การ link
1.<a href =”#news”> Hot News </a> ,
2.<a name =”news”> กำหนดจุดเชื่อมชื่อ news ส่วน “a name” คือตำแหน่งที่ลิงค์ไป (เอกสารเดียวกัน)
3.<a href =”news.html”> Hot News </a> สร้างลิงค์ไปยังเอกสารชื่อ “news.html”
4.<a href =”http://www.thai.com”> Thai </a> สร้างลิงค์ไปยังเวปไซท์อื่น
5.<a href =”http://www.thai.com” target = “_blank” > Thai </a> สร้างลิงค์ไปยังเวปไซท์อื่น และเปิดหน้าต่างใหม่
6.<a href =”http://www.thai.com”> <img src = “photo.gif”> </a> สร้างลิงค์โดยใช้รูปภาพชื่อ photo.gif เป็นตัวเชื่อม
7.<a href =”mailto:yo@mail.com”> Email </a> สร้างลิงค์มายังอีเมล
การสร้างตาราง
<TABLE BORDER = “2” >
<CAPTION> การสร้างตาราง </CAPTION>
<TR> <TH> หัวเรื่อง 1 </TH>
<TH> หัวเรื่อง 2 </TH> </TR>.
<TR> <TD> ข้อมูล 1 </TD>
.
.
.
.
.
<TD> ข้อมูล 2 </TD> </TR>
</TABLE>
ผลลัพธ์ที่ได้
การสร้างตารางหัวเรื่อง 1หัวเรื่อง 2
ข้อมูล 1 ข้อมูล 2
การสร้างตาราง ใช้คำสั่ง <TABLE> เป็นเริ่มและปิดท้ายด้วย </TABLE> ส่วน BORDER เป็นคำสั่งย่อยเพื่อใช้ กำหนดขนาดของเส้นตาราง ถ้ากำหนด = “0” จะหมายถึงไม่มีเส้น
♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐ ♑ ♒ ♓ ♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐ ♑ ♒ ♓ ♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐ ♑ ♒ ♓♉ ♊
- คำสั่ง <CAPTION> และ< /CAPTION> เป็นคำสั่งแสดงข้อความอธิบายชื่อตาราง
– คำสั่ง <TR> และ< /TR> เป็นคำสั่งเพื่อกำหนดแถวในตาราง
– คำสั่ง <TH> และ< /TH> เป็นคำสั่งเพื่อกำหนดหัวเรื่อง ผลลัพธ์ที่ได้คือตัวอักษรจะหนากว่าปกติ (ดูตัวอย่างประกอบ)
– คำสั่ง <TD> และ< /TD> เป็นคำสั่งแสดงข้อมูลปกติ
ความหมายของคำสั่ง Table
– TR หมายถึง Table Row
– TH หมายถึง Table Head
– TD หมายถึง Table Data
♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐ ♑ ♒ ♓ ♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐ ♑ ♒ ♓ ♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐ ♑ ♒ ♓♉ ♊
3.<a href =”news.html”> Hot News </a> สร้างลิงค์ไปยังเอกสารชื่อ “news.html”
4.<a href =”http://www.thai.com”> Thai </a> สร้างลิงค์ไปยังเวปไซท์อื่น
5.<a href =”http://www.thai.com” target = “_blank” > Thai </a> สร้างลิงค์ไปยังเวปไซท์อื่น และเปิดหน้าต่างใหม่
6.<a href =”http://www.thai.com”> <img src = “photo.gif”> </a> สร้างลิงค์โดยใช้รูปภาพชื่อ photo.gif เป็นตัวเชื่อม
7.<a href =”mailto:yo@mail.com”> Email </a> สร้างลิงค์มายังอีเมล
การสร้างตาราง
<TABLE BORDER = “2” >
<CAPTION> การสร้างตาราง </CAPTION>
<TR> <TH> หัวเรื่อง 1 </TH>
<TH> หัวเรื่อง 2 </TH> </TR>.
<TR> <TD> ข้อมูล 1 </TD>
.
.
.
.
.
<TD> ข้อมูล 2 </TD> </TR>
</TABLE>
ผลลัพธ์ที่ได้
การสร้างตารางหัวเรื่อง 1หัวเรื่อง 2
ข้อมูล 1 ข้อมูล 2
การสร้างตาราง ใช้คำสั่ง <TABLE> เป็นเริ่มและปิดท้ายด้วย </TABLE> ส่วน BORDER เป็นคำสั่งย่อยเพื่อใช้ กำหนดขนาดของเส้นตาราง ถ้ากำหนด = “0” จะหมายถึงไม่มีเส้น
♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐ ♑ ♒ ♓ ♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐ ♑ ♒ ♓ ♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐ ♑ ♒ ♓♉ ♊
- คำสั่ง <CAPTION> และ< /CAPTION> เป็นคำสั่งแสดงข้อความอธิบายชื่อตาราง
– คำสั่ง <TR> และ< /TR> เป็นคำสั่งเพื่อกำหนดแถวในตาราง
– คำสั่ง <TH> และ< /TH> เป็นคำสั่งเพื่อกำหนดหัวเรื่อง ผลลัพธ์ที่ได้คือตัวอักษรจะหนากว่าปกติ (ดูตัวอย่างประกอบ)
– คำสั่ง <TD> และ< /TD> เป็นคำสั่งแสดงข้อมูลปกติ
ความหมายของคำสั่ง Table
– TR หมายถึง Table Row
– TH หมายถึง Table Head
– TD หมายถึง Table Data
♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐ ♑ ♒ ♓ ♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐ ♑ ♒ ♓ ♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐ ♑ ♒ ♓♉ ♊
ความคิดเห็น
แสดงความคิดเห็น