วิธีแทรกตารางลงในเว็บไซต์

สารบัญ:

วิธีแทรกตารางลงในเว็บไซต์
วิธีแทรกตารางลงในเว็บไซต์

วีดีโอ: วิธีแทรกตารางลงในเว็บไซต์

วีดีโอ: วิธีแทรกตารางลงในเว็บไซต์
วีดีโอ: ตอนที่2.1 การแทรกตารางลงในเว็บไซต์ 2024, อาจ
Anonim

ภาษามาร์กอัป HTML, Wiki และ BB-Code มีเครื่องมือสำหรับสร้างตาราง สิ่งนี้ทำให้คุณสามารถใส่ข้อมูลเกี่ยวกับลักษณะเปรียบเทียบของวัตถุบางอย่าง สถิติ และข้อมูลอื่นๆ ลงในเอกสารหรือข้อความของฟอรัม

วิธีแทรกตารางลงในเว็บไซต์
วิธีแทรกตารางลงในเว็บไซต์

คำแนะนำ

ขั้นตอนที่ 1

ในการสร้างตารางในเอกสาร HTML ก่อนอื่นให้เปิดด้วยแท็ก

… หลังจากนั้นให้เปิดบรรทัดแรกด้วยแท็ก

(TR ย่อมาจาก แถวของตาราง นั่นคือ แถวของตาราง) ตอนนี้คุณสามารถแทรกจำนวนเซลล์ที่ต้องการลงในสตริงได้ ทำออกมาทีละอย่างโดยเปิดแท็ก

… ในที่นี้ ตัวย่อ TD ย่อมาจากข้อมูลตาราง นั่นคือ ข้อมูลตาราง เมื่อวางจำนวนเซลล์ที่ต้องการด้วยวิธีนี้แล้วให้ปิดบรรทัดด้วยแท็

… เมื่อป้อนแถวทั้งหมดแล้ว ให้ปิดตารางโดยใช้แท็ก

โดยใส่ข้อมูลตามนั้นแล้ววางแท็กปิด

เช่น:

อาคารสถานที่ จำนวนซ็อกเก็ต
โถงทางเดิน 1
ห้องน้ำ 0
ครัว 2
ห้อง 3
ระเบียง 0

ขั้นตอนที่ 2

โดยการเพิ่มแท็ก

พารามิเตอร์คุณสามารถเปลี่ยนสีและความหนาของเส้นได้ เพื่อให้ขอบด้านนอกของตารางหนาหนึ่งพิกเซล และเส้นด้านในหนาสองพิกเซล และทั้งหมดนี้ทาด้วยสีน้ำเงินเข้ม ใช้โครงสร้างนี้:

ขั้นตอนที่ 3

หากต้องการผสานหลายเซลล์ในแนวนอน ใช้ร่วมกับแท็ก

พารามิเตอร์โคลสแปน ดังนั้นถ้าคุณเขียน

คุณจะได้เซลล์ที่มีความกว้างสองคอลัมน

ขั้นตอนที่ 4

เมื่อเขียนโพสต์ในฟอรัมที่ใช้ BB-Code ให้ใช้แท็กเดียวกันเพื่อสร้างตาราง แต่ใช้วงเล็บเหลี่ยมแทนวงเล็บเหลี่ยม อาจมีลักษณะดังนี้:

[โต๊ะ]

[tr] [td] ห้อง [/td] [td] จำนวนซ็อกเก็ต [/td] [/tr]

[tr] [td] โถงทางเดิน [/td] [td] 1 [/td] [/tr]

[tr] [td] ห้องน้ำ [/td] [td] 0 [/td] [/tr]

[tr] [td] ห้องครัว [/td] [td] 2 [/td] [/tr]

[tr] [td] ห้อง [/td] [td] 3 [/td] [/tr]

[tr] [td] ระเบียง [/td] [td] 0 [/td] [/tr]

[/โต๊ะ]

เทคนิคนี้ใช้ไม่ได้กับทุกฟอรัม และแท็กบางแท็กไม่ได้รับการสนับสนุนในแท็กที่มีฟังก์ชันที่เกี่ยวข้อง

ขั้นตอนที่ 5

ในภาษามาร์กอัป Wiki ให้จัดรูปแบบตารางดังที่แสดงด้านล่าง:

{|

| อาคารสถานที่

| จำนวนซ็อกเก็ต

|-

| โถงทางเดิน

|1

|-

| ห้องน้ำ

|0

|-

| ห้องครัว

|2

|-

| ห้อง

|3

|-

| ระเบียง

|0

|}

เข้าสู่ระบบ | ใช้ที่นี่เพื่อย้ายไปยังเซลล์ถัดไป และ | - ใช้สำหรับป้อนบรรทัด