สรุปคำสั่งHTML2
สรุปคำสั่งHTML2
<TABLE>
สำหรับแท็กนี้ เป็นแท็กที่ใช้มากที่สุด
และสำคัญที่สุดในการสร้างโฮมเพจของเรา สำหรับการสร้างตาราง
โดยจะต้องใช้ควบคู่กับแท็ก <TR> และ <TD> เสมอในการสร้างตาราง โดยมีรูปแบบการใช้งาน ดังนี้
<TABLE> ------------------------------------------------------------> คำสั่งเปิดตาราง
<TR> ------------------------------------------------------------> หมายถึง แถว
<TD> ข้อความ </TD> <TD> ข้อความ </TD> -----------------------> หมายถึง คอลัมภ์
</TR> ------------------------------------------------------------> จบแถว
</TABLE> ------------------------------------------------------------> คำสั่งจบตาราง
จะเห็นว่าคำสั่ง <TR> นั้นคือ คำสั่งแถว และ คำสั่ง <TD> คือคำสั่ง คอลัมภ์ และคำสั่งคอลัมภ์นั้นจะเห็นว่าอยู่ภายใต้คำสั่ง <TR> ซึ่งก็คือ เมื่อใดที่ตารางมีแถว ก็ต้องมีคอลัมภ์อยู่ในแถว และในคอลัมภ์นั่นเองที่เป็นที่ใส่ข้อมูลต่างๆ จากด้านบนจะเห็นว่า คำสั่งนี้จะมี 1 ตาราง 1 แถว 2 คอลัมภ์ ส่วนการกำหนดรายละเอียดนั้น มีดังต่อไปนี้
1. WIDTH แท็กนี้ เป็นแท็กที่ใช้สำหรับกำหนดความกว้างของตาราง โดยจะมีการกำหนดค่าเป็นหน่วยของ Pixel หรือเป็นเปอร์เซ็นต์ (%) มีรูปแบบการใช้งาน คือ <TABLE WIDTH= “200” > หรือ<TABLE WIDTH= “20%” > เป็นต้น
2. HEIGHT แท็กนี้ เป็นแท็กที่ใช้สำหรับกำหนดความสูงของตาราง โดยจะมีการกำหนดค่าเป็นหน่วยของ Pixel หรือเป็นเปอร์เซ็นต์ (%) มีรูปแบบการใช้งาน คือ <TABLE HEIGHT = “200” > หรือ<TABLE HEIGHT = “20%” > เป็นต้น
3. ALIGN แท็กนี้ เป็นแท็กที่ใช้สำหรับกำหนดลักษณะการวางตารางบนหน้าจอ โดยจะมีค่าที่ใช้คือ LEFT, RIGHT, CENTER เช่น <TABLE ALIGN = “CENTER” > เป็นต้น
4. BORDER แท็กนี้ เป็นแท็กที่ใช้สำหรับกำหนดขนาดความหนาของกรอบตาราง โดยจะมีการกำหนดค่าเป็นหน่วยของ Pixel หรือเป็นเปอร์เซ็นต์ (%) มีรูปแบบการใช้งาน คือ <TABLE BORDER = “0” >(เมื่อไม่ต้องการมีกรอบ), หรือ <TABLE BORDER = “2” > เป็นต้น
5. CELLSPACING แท็กนี้ เป็นแท็กที่ใช้สำหรับกำหนดระยะห่างระหว่างคอลัมภ์ของตาราง ด้านซ้าย-ขวา โดยจะมีการกำหนดค่าเป็นหน่วยของ Pixel หรือเป็นเปอร์เซ็นต์ (%) มีรูปแบบการใช้งาน คือ<TABLE CELLSPACING = “0” > (เมื่อไม่ต้องการมีระยะห่าง), หรือ <TABLE CELLSPACING = “2” > เป็นต้น
6. CELLPADDING แท็กนี้ เป็นแท็กที่ใช้สำหรับกำหนดระยะห่างระหว่างคอลัมภ์ของตาราง ด้านบน-ล่าง โดยจะมีการกำหนดค่าเป็นหน่วยของ Pixel หรือเป็นเปอร์เซ็นต์ (%) มีรูปแบบการใช้งาน คือ<TABLE CELLPADDING = “0” > (เมื่อไม่ต้องการมีระยะห่าง), หรือ <TABLE CELLPADDING = “2” > เป็นต้น
7. BACKGROUND แท็กนี้ เป็นแท็กที่ใช้สำหรับกำหนดสีพื้นหลังที่เป็นรูปภาพกับตาราง เช่น < TABLE BACKGROUND= “bg.gif”> เป็นต้น
8. BGCOLOR แท็กนี้ เป็นแท็กที่ใช้สำหรับกำหนดสีพื้นหลังที่เป็นสีที่กำหนด เช่น < TABLE BGCOLOR = “green”> เป็นต้น
9. BORDERCOLOR แท็กนี้ เป็นแท็กที่ใช้สำหรับกำหนดสีของกรอบตารางให้เป็นสีที่กำหนด เช่น < TABLE BORDERCOLOR = “green”> เป็นต้น
การใส่รูปภาพ, เสียง, VDO
<IMG>
สำหรับแท็กนี้ เป็นแท็กที่ใช้สำหรับแทรกรูปภาพลงบนไฟล์ HTML มีรูปแบบการใช้งาน คือ <IMG SRC= “ชื่อไฟล์รูปภาพ” >
1. SRC ใช้สำหรับระบุถึงแหล่งที่เก็บไฟล์รูปภาพที่ต้องการ
2. ALIGN ใช้สำหรับกำหนดลักษณะการวางภาพ โดยมีค่าต่างๆ ดังนี้
BOTTOM
MIDDLE
TOP
ABSBOTTOM
ABSMIDDLE
TEXTTOP
BASELINE
3. ALT สำหรับแท็กนี้ ใช้สำหรับใส่คำอธิบายรูปภาพ เมื่อมีเมาส์มาวางไว้ที่รูปก็จะปรากฎข้อความที่เราใส่ มีรูปแบบการใช้งานคือ <IMG SRC= “ใส่ชื่อไฟล์รูปภาพ” ALT= “ใส่คำอธิบายภาพ”>
4. BORDER สำหรับแท็กนี้ ใช้สำหรับกำหนดกรอบให้กับรูป มีรูปแบบการใช้งาน คือ <IMG SRC= “ใส่ชื่อไฟล์รูปภาพ” BORDER= “2”>
5. WIDTH สำหรับแท็กนี้ ใช้สำหรับ กำหนดขนาดความกว้างของรูป เมื่อต้องการให้รูปนั้นมีความกว้างตามที่กำหนด โดยไม่ใช้ความกว้างของรูปจริง มีรูปแบบการใช้งานคือ
<IMG SRC= “ใส่ชื่อไฟล์รูปภาพ” WIDTH= “150”>
6. HEIGHT สำหรับแท็กนี้ ใช้สำหรับ กำหนดขนาดความสูงของรูป เมื่อต้องการให้รูปนั้น มีความยาวตามที่กำหนด โดยไม่ใช้ความยาวของรูปจริง มีรูปแบบการใช้งาน คือ
<IMG SRC= “ใส่ชื่อไฟล์รูปภาพ” HEIGHT= “50”>
7. HSPACE สำหรับแท็กนี้ ใช้สำหรับกำหนดระยะห่างทางด้านซ้ายและขวาของรูปภาพ มีรูปแบบการใช้งาน คือ <IMG SRC= “ใส่ชื่อไฟล์รูปภาพ” HSPACE= “10”>
8. VSPACE สำหรับแท็กนี้ ใช้สำหรับกำหนดระยะห่างทางด้านบนและล่างของรูปภาพ มีรูปแบบการใช้งาน คือ <IMG SRC= “ใส่ชื่อไฟล์รูปภาพ” VSPACE= “10”>
<DYNSRC>
สำหรับแท็กนี้ ใช้สำหรับการระบุถึงแหล่งที่เก็บไฟส์วิดีโอ ที่ต้องการผนวก หรือ URL นั้นเอง มีรูปแบบการใช้งาน คือ <IMG DYNSRC= “ใส่ชื่อไฟล์วีดีโอ”>
โดยที่คำสั่ง DYNSRC นี้ก็จะมีคำสั่งเสริมดังนี้
1. WIDTH ใช้สำหรับ กำหนดขนาดความกว้างของไฟล์ VDO
2. HEIGHT ใช้สำหรับ กำหนดขนาดความยาวของไฟล์ VDO
3. ALIGN ใช้สำหรับกำหนดลักษณะการวางเหมือนรูปภาพ
4. ALT ใช้สำหรับใส่คำอธิบาย VDO เมื่อมีเมาส์มาวางไว้ที่ VDO
5. LOOP ใช้กำหนดจำนวนครั้งที่ต้องการเล่นไฟล์ VDO โดยจะมีค่าเป็นเลข ตั้งแต่ 1 ไปจนถึง Infinite หรือว่า Loop แบบไม่รู้จบ
6. START ใช้สำหรับ กำหนดว่าต้องการให้เล่นไฟล์ VDO นี้เมื่อใด โดยสามารถกำหนดได้ 2 แบบ คือ แบบ FILEOPEN (เล่นเมื่อเริ่มต้นไฟล์)
กับ MOUSEOVER (เล่นเมื่อนำเมาส์มาวางด้านบน) มีรูปแบบการใช้งาน คือ<IMG DYNSRC= “ใส่ชื่อไฟล์วีดีโอ” START= “FILEOPEN” >
หรือ<IMG DYNSRC= “ใส่ชื่อไฟล์วีดีโอ” START= “MOUSEOVER” >
<BGSOUND>
สำหรับแท็กนี้ก็จะใช้สำหรับการใส่เสียงให้กับ Homepage นั้นเอง มีรูปแบบการใช้งาน คือ <BGSOUND SRC= “ใส่ชื่อไฟล์เสียง” LOOP= “1” >
การสร้าง LINK
<A HREF>
สำหรับแท็กนี้ใช้สำหรับกำหนดจุดที่ใช้สำหรับการลิงค์เชื่อมโยงจากไฟล์หนึ่งไปยังอีกไฟล์หนึ่ง มีรูปแบบการใช้งาน คือ
< AHREF= “ปลายทางที่จะเชื่อมโยง” > ข้อความ </A>
< AHREF= “http://www.sanook.com” > ไปเว็บสนุก.คอม ครับ </A>
จริงๆแล้วมีคำสั่งมากกว่านี้ครับแต่ไม่สำคัญเท่านี้ ซึ่งในที่นี่ผมขออธิบายแต่คำสั่งที่จะต้องมีการนำไปใช้ประโยชน์จริงและสำคัญๆ เท่านั้น ซึ่งแค่ที่ได้อธิบายมาข้างบนนี้ถ้าจำได้ก็เซียนละครับ...อิอิ
โครงสร้างของเว็บไซด์นั้นโดยหลักๆแล้วจะทำในรูปของตาราง ซึ่งทำได้โดยการใช้ตารางเป็นโครงสร้างหลักของเว็บ โดยจะสร้างเป็นตารางซ้อนตาราง โดยดูได้จากภาพด้านล่างนี้
จากภาพ ตารางแรกนั้นคือตารางที่เป็นสีเขียวครับ นั่นเราจะเห็นได้ว่า คำสั่งของตารางนี้ คือ
จะมี 1 ตาราง 1 แถว 1 คอลัมภ์ เท่านั้น
ตารางที่สอง จะเห็นว่ามันซ้อนกันอยู่บนตารางแรก โดยตารางที่สองเป็นสีฟ้า คำสั่งของตารางนี้ก็เช่นเดียวกัน มี 1 ตาราง 1 แถว 1 คอลัมภ์ เหมือนกันกับตารางที่ 1
ตารางที่สาม เป็นตารางสีเหลือง ที่ซ้อนอยู่บนตารางที่ 1 แต่ไม่ซ้อนกับตารางที่ 2 แต่จะต่อกับตารางที่ 2 ครับ ดูจากรูปนั้นตารางนี้ มี 1 ตาราง 1 แถว 2 คอลัมภ์
ตารางที่สี่ เป็นตารางสีส้ม ซึ่งคล้ายๆกับตารางที่ 3 ที่ซ้อนกันกับตารางที่ 1 แต่ไม่ซ้อนกับตารางที่ 2 และ 3 แต่จะต่อกับตารางที่ 3
ตารางที่ห้า เป็นตารางสีแดง เราจะเห็นว่าตารางนี้ ซ้อนกันกับตารางที่ 1 และ 3 และอยู่ในคอลัมภ์แรกของตารางที่ 3
ตารางที่หก เป็นตารางสีชมพู เราจะเห็นว่าตารางนี้ ซ้อนกันกับตารางที่ 1 และ 3 และอยู่ในคอลัมภ์ที่ 2ของตารางที่ 3
ตารางที่เจ็ด เป็นตารางสีน้ำเงิน เราจะเห็นว่าตารางนี้ ซ้อนกันกับตารางที่ 1 และ 3 และอยู่ในคอลัมภ์ที่ 2ของตารางที่ 3 แต่ไม่ซ้อนกันกับตารางที่ 6 แต่ต่อท้ายตารางที่ 6 โดยการใช้คำสั่ง <BR> เพื่อขึ้นบรรทัดใหม่ 2 ครั้ง
<TABLE> ------------------------------------------------------------> คำสั่งเปิดตาราง
<TR> ------------------------------------------------------------> หมายถึง แถว
<TD> ข้อความ </TD> <TD> ข้อความ </TD> -----------------------> หมายถึง คอลัมภ์
</TR> ------------------------------------------------------------> จบแถว
</TABLE> ------------------------------------------------------------> คำสั่งจบตาราง
จะเห็นว่าคำสั่ง <TR> นั้นคือ คำสั่งแถว และ คำสั่ง <TD> คือคำสั่ง คอลัมภ์ และคำสั่งคอลัมภ์นั้นจะเห็นว่าอยู่ภายใต้คำสั่ง <TR> ซึ่งก็คือ เมื่อใดที่ตารางมีแถว ก็ต้องมีคอลัมภ์อยู่ในแถว และในคอลัมภ์นั่นเองที่เป็นที่ใส่ข้อมูลต่างๆ จากด้านบนจะเห็นว่า คำสั่งนี้จะมี 1 ตาราง 1 แถว 2 คอลัมภ์ ส่วนการกำหนดรายละเอียดนั้น มีดังต่อไปนี้
1. WIDTH แท็กนี้ เป็นแท็กที่ใช้สำหรับกำหนดความกว้างของตาราง โดยจะมีการกำหนดค่าเป็นหน่วยของ Pixel หรือเป็นเปอร์เซ็นต์ (%) มีรูปแบบการใช้งาน คือ <TABLE WIDTH= “200” > หรือ<TABLE WIDTH= “20%” > เป็นต้น
2. HEIGHT แท็กนี้ เป็นแท็กที่ใช้สำหรับกำหนดความสูงของตาราง โดยจะมีการกำหนดค่าเป็นหน่วยของ Pixel หรือเป็นเปอร์เซ็นต์ (%) มีรูปแบบการใช้งาน คือ <TABLE HEIGHT = “200” > หรือ<TABLE HEIGHT = “20%” > เป็นต้น
3. ALIGN แท็กนี้ เป็นแท็กที่ใช้สำหรับกำหนดลักษณะการวางตารางบนหน้าจอ โดยจะมีค่าที่ใช้คือ LEFT, RIGHT, CENTER เช่น <TABLE ALIGN = “CENTER” > เป็นต้น
4. BORDER แท็กนี้ เป็นแท็กที่ใช้สำหรับกำหนดขนาดความหนาของกรอบตาราง โดยจะมีการกำหนดค่าเป็นหน่วยของ Pixel หรือเป็นเปอร์เซ็นต์ (%) มีรูปแบบการใช้งาน คือ <TABLE BORDER = “0” >(เมื่อไม่ต้องการมีกรอบ), หรือ <TABLE BORDER = “2” > เป็นต้น
5. CELLSPACING แท็กนี้ เป็นแท็กที่ใช้สำหรับกำหนดระยะห่างระหว่างคอลัมภ์ของตาราง ด้านซ้าย-ขวา โดยจะมีการกำหนดค่าเป็นหน่วยของ Pixel หรือเป็นเปอร์เซ็นต์ (%) มีรูปแบบการใช้งาน คือ<TABLE CELLSPACING = “0” > (เมื่อไม่ต้องการมีระยะห่าง), หรือ <TABLE CELLSPACING = “2” > เป็นต้น
6. CELLPADDING แท็กนี้ เป็นแท็กที่ใช้สำหรับกำหนดระยะห่างระหว่างคอลัมภ์ของตาราง ด้านบน-ล่าง โดยจะมีการกำหนดค่าเป็นหน่วยของ Pixel หรือเป็นเปอร์เซ็นต์ (%) มีรูปแบบการใช้งาน คือ<TABLE CELLPADDING = “0” > (เมื่อไม่ต้องการมีระยะห่าง), หรือ <TABLE CELLPADDING = “2” > เป็นต้น
7. BACKGROUND แท็กนี้ เป็นแท็กที่ใช้สำหรับกำหนดสีพื้นหลังที่เป็นรูปภาพกับตาราง เช่น < TABLE BACKGROUND= “bg.gif”> เป็นต้น
8. BGCOLOR แท็กนี้ เป็นแท็กที่ใช้สำหรับกำหนดสีพื้นหลังที่เป็นสีที่กำหนด เช่น < TABLE BGCOLOR = “green”> เป็นต้น
9. BORDERCOLOR แท็กนี้ เป็นแท็กที่ใช้สำหรับกำหนดสีของกรอบตารางให้เป็นสีที่กำหนด เช่น < TABLE BORDERCOLOR = “green”> เป็นต้น
การใส่รูปภาพ, เสียง, VDO
<IMG>
สำหรับแท็กนี้ เป็นแท็กที่ใช้สำหรับแทรกรูปภาพลงบนไฟล์ HTML มีรูปแบบการใช้งาน คือ <IMG SRC= “ชื่อไฟล์รูปภาพ” >
1. SRC ใช้สำหรับระบุถึงแหล่งที่เก็บไฟล์รูปภาพที่ต้องการ
2. ALIGN ใช้สำหรับกำหนดลักษณะการวางภาพ โดยมีค่าต่างๆ ดังนี้
BOTTOM
MIDDLE
TOP
ABSBOTTOM
ABSMIDDLE
TEXTTOP
BASELINE
3. ALT สำหรับแท็กนี้ ใช้สำหรับใส่คำอธิบายรูปภาพ เมื่อมีเมาส์มาวางไว้ที่รูปก็จะปรากฎข้อความที่เราใส่ มีรูปแบบการใช้งานคือ <IMG SRC= “ใส่ชื่อไฟล์รูปภาพ” ALT= “ใส่คำอธิบายภาพ”>
4. BORDER สำหรับแท็กนี้ ใช้สำหรับกำหนดกรอบให้กับรูป มีรูปแบบการใช้งาน คือ <IMG SRC= “ใส่ชื่อไฟล์รูปภาพ” BORDER= “2”>
5. WIDTH สำหรับแท็กนี้ ใช้สำหรับ กำหนดขนาดความกว้างของรูป เมื่อต้องการให้รูปนั้นมีความกว้างตามที่กำหนด โดยไม่ใช้ความกว้างของรูปจริง มีรูปแบบการใช้งานคือ
<IMG SRC= “ใส่ชื่อไฟล์รูปภาพ” WIDTH= “150”>
6. HEIGHT สำหรับแท็กนี้ ใช้สำหรับ กำหนดขนาดความสูงของรูป เมื่อต้องการให้รูปนั้น มีความยาวตามที่กำหนด โดยไม่ใช้ความยาวของรูปจริง มีรูปแบบการใช้งาน คือ
<IMG SRC= “ใส่ชื่อไฟล์รูปภาพ” HEIGHT= “50”>
7. HSPACE สำหรับแท็กนี้ ใช้สำหรับกำหนดระยะห่างทางด้านซ้ายและขวาของรูปภาพ มีรูปแบบการใช้งาน คือ <IMG SRC= “ใส่ชื่อไฟล์รูปภาพ” HSPACE= “10”>
8. VSPACE สำหรับแท็กนี้ ใช้สำหรับกำหนดระยะห่างทางด้านบนและล่างของรูปภาพ มีรูปแบบการใช้งาน คือ <IMG SRC= “ใส่ชื่อไฟล์รูปภาพ” VSPACE= “10”>
<DYNSRC>
สำหรับแท็กนี้ ใช้สำหรับการระบุถึงแหล่งที่เก็บไฟส์วิดีโอ ที่ต้องการผนวก หรือ URL นั้นเอง มีรูปแบบการใช้งาน คือ <IMG DYNSRC= “ใส่ชื่อไฟล์วีดีโอ”>
โดยที่คำสั่ง DYNSRC นี้ก็จะมีคำสั่งเสริมดังนี้
1. WIDTH ใช้สำหรับ กำหนดขนาดความกว้างของไฟล์ VDO
2. HEIGHT ใช้สำหรับ กำหนดขนาดความยาวของไฟล์ VDO
3. ALIGN ใช้สำหรับกำหนดลักษณะการวางเหมือนรูปภาพ
4. ALT ใช้สำหรับใส่คำอธิบาย VDO เมื่อมีเมาส์มาวางไว้ที่ VDO
5. LOOP ใช้กำหนดจำนวนครั้งที่ต้องการเล่นไฟล์ VDO โดยจะมีค่าเป็นเลข ตั้งแต่ 1 ไปจนถึง Infinite หรือว่า Loop แบบไม่รู้จบ
6. START ใช้สำหรับ กำหนดว่าต้องการให้เล่นไฟล์ VDO นี้เมื่อใด โดยสามารถกำหนดได้ 2 แบบ คือ แบบ FILEOPEN (เล่นเมื่อเริ่มต้นไฟล์)
กับ MOUSEOVER (เล่นเมื่อนำเมาส์มาวางด้านบน) มีรูปแบบการใช้งาน คือ<IMG DYNSRC= “ใส่ชื่อไฟล์วีดีโอ” START= “FILEOPEN” >
หรือ<IMG DYNSRC= “ใส่ชื่อไฟล์วีดีโอ” START= “MOUSEOVER” >
<BGSOUND>
สำหรับแท็กนี้ก็จะใช้สำหรับการใส่เสียงให้กับ Homepage นั้นเอง มีรูปแบบการใช้งาน คือ <BGSOUND SRC= “ใส่ชื่อไฟล์เสียง” LOOP= “1” >
การสร้าง LINK
<A HREF>
สำหรับแท็กนี้ใช้สำหรับกำหนดจุดที่ใช้สำหรับการลิงค์เชื่อมโยงจากไฟล์หนึ่งไปยังอีกไฟล์หนึ่ง มีรูปแบบการใช้งาน คือ
< AHREF= “ปลายทางที่จะเชื่อมโยง” > ข้อความ </A>
< AHREF= “http://www.sanook.com” > ไปเว็บสนุก.คอม ครับ </A>
จริงๆแล้วมีคำสั่งมากกว่านี้ครับแต่ไม่สำคัญเท่านี้ ซึ่งในที่นี่ผมขออธิบายแต่คำสั่งที่จะต้องมีการนำไปใช้ประโยชน์จริงและสำคัญๆ เท่านั้น ซึ่งแค่ที่ได้อธิบายมาข้างบนนี้ถ้าจำได้ก็เซียนละครับ...อิอิ
โครงสร้างของเว็บไซด์นั้นโดยหลักๆแล้วจะทำในรูปของตาราง ซึ่งทำได้โดยการใช้ตารางเป็นโครงสร้างหลักของเว็บ โดยจะสร้างเป็นตารางซ้อนตาราง โดยดูได้จากภาพด้านล่างนี้
จากภาพ ตารางแรกนั้นคือตารางที่เป็นสีเขียวครับ นั่นเราจะเห็นได้ว่า คำสั่งของตารางนี้ คือ
จะมี 1 ตาราง 1 แถว 1 คอลัมภ์ เท่านั้น
ตารางที่สอง จะเห็นว่ามันซ้อนกันอยู่บนตารางแรก โดยตารางที่สองเป็นสีฟ้า คำสั่งของตารางนี้ก็เช่นเดียวกัน มี 1 ตาราง 1 แถว 1 คอลัมภ์ เหมือนกันกับตารางที่ 1
ตารางที่สาม เป็นตารางสีเหลือง ที่ซ้อนอยู่บนตารางที่ 1 แต่ไม่ซ้อนกับตารางที่ 2 แต่จะต่อกับตารางที่ 2 ครับ ดูจากรูปนั้นตารางนี้ มี 1 ตาราง 1 แถว 2 คอลัมภ์
ตารางที่สี่ เป็นตารางสีส้ม ซึ่งคล้ายๆกับตารางที่ 3 ที่ซ้อนกันกับตารางที่ 1 แต่ไม่ซ้อนกับตารางที่ 2 และ 3 แต่จะต่อกับตารางที่ 3
ตารางที่ห้า เป็นตารางสีแดง เราจะเห็นว่าตารางนี้ ซ้อนกันกับตารางที่ 1 และ 3 และอยู่ในคอลัมภ์แรกของตารางที่ 3
ตารางที่หก เป็นตารางสีชมพู เราจะเห็นว่าตารางนี้ ซ้อนกันกับตารางที่ 1 และ 3 และอยู่ในคอลัมภ์ที่ 2ของตารางที่ 3
ตารางที่เจ็ด เป็นตารางสีน้ำเงิน เราจะเห็นว่าตารางนี้ ซ้อนกันกับตารางที่ 1 และ 3 และอยู่ในคอลัมภ์ที่ 2ของตารางที่ 3 แต่ไม่ซ้อนกันกับตารางที่ 6 แต่ต่อท้ายตารางที่ 6 โดยการใช้คำสั่ง <BR> เพื่อขึ้นบรรทัดใหม่ 2 ครั้ง
คำสั่งสร้างตาราง
<TABLE>
<TR>
<TD> ข้อมูลแถวที่ 1 คอลัมน์ที่ 1 </TD>
<TD> ข้อมูลแถวที่ 1 คอลัมน์ที่ 2 </TD>
</TR>
<TR>
<TD> ข้อมูลแถวที่ 2 คอลัมน์ที่ 1 </TD>
<TD> ข้อมูลแถวที่ 2 คอลัมน์ที่ 2 </TD>
</TR> </TABLE>
คำสั่งสร้างตาราง
เราสามารถสร้างตารางเพื่อกำหนดข้อความหรือรูปภาพให้อยู่ในลักษณะที่เป็นระเบียบมากขึ้น โดนมีรูปแบบคำสั่งดังนี้ คือ
<TABLE>
<TR>
<TD> ข้อมูลแถวที่ 1 คอลัมน์ที่ 1 </TD>
<TD> ข้อมูลแถวที่ 1 คอลัมน์ที่ 2 </TD>
</TR>
<TR>
<TD> ข้อมูลแถวที่ 2 คอลัมน์ที่ 1 </TD>
<TD> ข้อมูลแถวที่ 2 คอลัมน์ที่ 2 </TD>
</TR> </TABLE>
<TABLE>
<TR>
<TD> ข้อมูลแถวที่ 1 คอลัมน์ที่ 1 </TD>
<TD> ข้อมูลแถวที่ 1 คอลัมน์ที่ 2 </TD>
</TR>
<TR>
<TD> ข้อมูลแถวที่ 2 คอลัมน์ที่ 1 </TD>
<TD> ข้อมูลแถวที่ 2 คอลัมน์ที่ 2 </TD>
</TR> </TABLE>
คำสั่งสร้างตาราง
เราสามารถสร้างตารางเพื่อกำหนดข้อความหรือรูปภาพให้อยู่ในลักษณะที่เป็นระเบียบมากขึ้น โดนมีรูปแบบคำสั่งดังนี้ คือ
<TABLE>
<TR>
<TD> ข้อมูลแถวที่ 1 คอลัมน์ที่ 1 </TD>
<TD> ข้อมูลแถวที่ 1 คอลัมน์ที่ 2 </TD>
</TR>
<TR>
<TD> ข้อมูลแถวที่ 2 คอลัมน์ที่ 1 </TD>
<TD> ข้อมูลแถวที่ 2 คอลัมน์ที่ 2 </TD>
</TR> </TABLE>
ความคิดเห็น
แสดงความคิดเห็น