คำอธิบายโดยละเอียดเกี่ยวกับการทำเครื่องหมายตาราง HTML (เหมาะสำหรับผู้เริ่มต้น)

ตาราง> <tr> <td>

<th>

<คำอธิบาย>

■ <table> <tr> <td>:

เครื่องหมายทั้งสามนี้เป็นเครื่องหมายที่สำคัญที่สุดสำหรับการกำหนดตาราง อาจกล่าวได้ว่าการเรียนรู้เพียงทั้งสามนี้ก็เพียงพอแล้ว

<bable> เป็นเครื่องหมายคอนเทนเนอร์ซึ่งหมายความว่ามันถูกใช้เพื่อประกาศว่านี่คือตารางและเครื่องหมายตารางอื่น ๆ สามารถอยู่ในขอบเขตของมันเท่านั้น มีเครื่องหมายภาชนะอื่น ๆ

<tr> ใช้เพื่อระบุคอลัมน์ตาราง (แถว)

<td> ใช้เพื่อระบุกล่องเก็บข้อมูล (เซลล์)

การตั้งค่าพารามิเตอร์สำหรับ <bable> (ใช้กันทั่วไป):

ตัวอย่างเช่น: <ความกว้างของตาราง = 400 border = 1 cellpacing = 2 cellpading = 2 align = center valign = พื้นหลังด้านบน = myweb.gif bgcolor =#0000ff bordercolor =#ff00ff bordercolorlight =#00ff00 borderColordark =#00FFF COLS = 2> 2>

ความกว้าง = 400

ความกว้างของตารางยอมรับค่าสัมบูรณ์ (เช่น 80) และค่าสัมพัทธ์ (เช่น 80%)

• ชายแดน = 1

  ความหนาของเส้นขอบตารางมีค่าภายในที่แตกต่างกันสำหรับเบราว์เซอร์ที่แตกต่างกันดังนั้นโปรดระบุ

• cellpacing = 2

  สำหรับความหนาของเส้นตารางตารางโปรดดูตัวอย่างที่ 3 ซึ่งเป็นเส้นกริดที่หนาถึง 5

• CellPadding = 2

  สำหรับระยะห่างระหว่างข้อความและกริดโปรดดูตัวอย่างที่ 4 ซึ่งเพิ่มช่องว่างภายใน 10

• จัดตำแหน่ง = กึ่งกลาง

  ตำแหน่งตำแหน่งตาราง (แนวนอน) ค่าเสริมคือ: ซ้าย, ขวา, กลาง โปรดดูตัวอย่างที่ 5 หรือ 6 ตารางวางอยู่ตรงกลาง เพื่อหลีกเลี่ยงเบราว์เซอร์บางตัวที่ไม่รองรับเครื่องหมายศูนย์จะถูกเพิ่มเป็นพิเศษซึ่งเป็นเพียงการรับประกันแบบหลายชั้น แน่นอนใช้ <center> เท่านั้น

• Valign = ด้านบน

  ตำแหน่งตำแหน่ง (แนวตั้ง) ของการประดิษฐ์ตัวอักษรและภาพวาดในตารางค่าเสริมคือ: ด้านบนตรงกลางด้านล่าง

• พื้นหลัง = myweb.gif

  รูปแบบกระดาษอย่าใช้ร่วมกับ bgcolor

• bgColor =#0000ff

  ไม่ควรใช้สีพื้นหลังของตารางในลักษณะเดียวกับพื้นหลังโปรดดูตัวอย่างที่ 6

• BorderColor =#ff00ff

  สีของเส้นขอบตาราง, NC และ IE มีเอฟเฟกต์ที่แตกต่างกันโปรดดูตัวอย่างที่ 6

• BorderColorlight =#00ff00

  สำหรับสีของเส้นขอบตารางไปยังส่วนแสงโปรดดูตัวอย่าง 2. 『ใช้ได้กับ IE เท่านั้น』

• BorderColordark =#00FFFFF

  สำหรับสีของส่วนแบ็คไลท์ของเส้นขอบตารางโปรดดูตัวอย่างที่ 2. BorderColor จะหมดอายุเมื่อใช้ BorderColorlight หรือ BorderColordark 『ใช้ได้กับ IE เท่านั้น』

• cols = 2

  จำนวนคอลัมน์ตารางเพียงเพื่อให้เบราว์เซอร์วาดทั้งตารางก่อนเมื่อดาวน์โหลดตาราง

การตั้งค่าพารามิเตอร์สำหรับ <tr> (ใช้กันทั่วไป):

ตัวอย่างเช่น: <tr align = right valign = middle bgcolor =#0000ff bordercolor =#ff00ff bordercolorlight =#808080 BorderColordark =#FF0000>

• จัดตำแหน่ง = ขวา

  ตำแหน่งตำแหน่ง (แนวนอน) ของตัวละครและภาพวาดในคอลัมน์นี้คือ: ซ้าย, กลาง, ขวา, ขวา

• Valign = กลาง

  ตำแหน่งตำแหน่ง (แนวตั้ง) ของตัวละครภาพวาด ฯลฯ ในคอลัมน์นี้คือ: ด้านบนตรงกลางด้านล่าง

• bgColor =#0000ff

  สำหรับคอลัมน์สีพื้นหลังนี้โปรดดูตัวอย่างที่ 5

• BorderColor =#ff00ff

  สำหรับคอลัมน์สีขอบนี้โปรดดูตัวอย่าง 3. 『ใช้ได้กับ IE เท่านั้น』

• BorderColorlight =#808080

  โปรดดูตัวอย่างที่ 3 สำหรับสีของส่วนแสงของเส้นขอบแถว 『ใช้ได้กับ IE เท่านั้น』 4 หน้าทั้งหมดในหน้าก่อนหน้า 1234NEXT หน้าหน้า 1234NEXT