- ทำตามที่ฉันแสดงให้คุณเห็นในตัวอย่างด้านล่าง นั่นคือตั้งค่าของแอตทริบิวต์ border="1" 
เมื่อคุณทำเช่นนี้ ให้บันทึกผลลัพธ์และเรียกใช้เอกสาร ดี? มันเป็นเรื่องที่แตกต่างอย่างสิ้นเชิง ตอนนี้ตารางได้รับโครงร่างปกติและมีลักษณะตามที่ควรจะเป็น คุณสามารถทดลองกับค่าเส้นขอบที่แตกต่างกันและดูว่าอะไรดีที่สุดสำหรับคุณ
การเยื้องและระยะทาง (cellpadding และ cellspacing)
เป็นเรื่องปกติที่การแสดงโต๊ะเดียวสำหรับทุกโอกาสจะไม่เหมาะกับทุกคน แต่เราสามารถเปลี่ยนสิ่งนี้ได้เล็กน้อยด้วยคุณลักษณะสองประการที่คล้ายกัน
Cellpadding="" - เปลี่ยนระยะห่างจากเฟรมไปเป็นเนื้อหาในเซลล์ ดังนั้น เซลล์ทั้งหมดในตารางจะมีขนาดใหญ่ขึ้น มาเขียนแอตทริบิวต์นี้ในตารางแล้วตั้งค่าเป็น 5 แล้วดูว่าแตกต่างกันอย่างไร จากเวอร์ชั่นดั้งเดิม
กระโดด. คุณเห็นไหม? ระยะทางก็เพิ่มขึ้น ด้วยวิธีนี้คุณสามารถทดแทนค่าที่จำเป็นได้ด้วยตัวเองซึ่งจะขยายเซลล์
Cellspacing="" - เปลี่ยนระยะห่างระหว่างเซลล์ตารางและค่าของมันจะวัดเป็นพิกเซลด้วย ลองตั้งค่าแอตทริบิวต์นี้ด้วยค่า 5 แล้วดูว่าเกิดอะไรขึ้น
ดี? ประเด็นชัดเจนมั้ย? อย่างที่คุณเห็น ระยะห่างระหว่างเซลล์กว้างขึ้น นี่คือสิ่งที่เราพยายามทำให้สำเร็จ
จัดตำแหน่ง
แล้วเราจะอยู่ที่ไหนถ้าไม่มีคุณลักษณะที่ยอดเยี่ยมที่ทำให้เราสามารถจัดวางทุกอย่างในที่ต่างๆ ได้? Align ทำงานเหมือนกับแท็กอื่นๆ ที่เราเคยใช้ก่อนหน้านี้ทุกประการ และมีความหมายสามประการ:
มาเขียนแต่ละค่าแล้วดูว่าตารางจะกระจายอย่างไร
ดี? ดูเหมือนทุกอย่างจะได้ผลและฉันคิดว่ามันควรจะชัดเจน แต่หากคุณมีคำถามใด ๆ อย่าลังเลที่จะถาม
นั่นคือทั้งหมดที่ฉันอยากจะบอกคุณเกี่ยวกับตารางในวันนี้ ฉันหวังว่าทุกอย่างชัดเจนสำหรับคุณ หากคุณต้องการศึกษารายละเอียดความซับซ้อนทั้งหมดของการทำงานกับ HTML และ CSS และเรียนรู้วิธีจัดวางเว็บไซต์ด้วยตัวเองฉันขอแนะนำอย่างยิ่งให้คุณดู หลักสูตรวิดีโอที่ยอดเยี่ยมในหัวข้อนี้ ในความคิดของฉันสำหรับผู้เริ่มต้นนี่เป็นหลักสูตรวิดีโอที่เข้าใจได้มากที่สุดซึ่งพวกเขาจะแยกย่อยทุกอย่างให้คุณและจัดเรียงตามลำดับ
เอาล่ะ วันนี้ฉันเรียนจบแล้ว อย่าลืมสมัครรับข้อมูลอัปเดตบล็อกของฉันเพื่อให้คุณไม่พลาดข้อมูลหรือข่าวสารสำคัญ แล้วเราจะพบคุณในบทความอื่น ๆ ขอให้โชคดีและลาก่อน!
ขอแสดงความนับถือ มิทรี คอสติน
ตารางเป็นหนึ่งในองค์ประกอบที่สำคัญที่สุด แต่ในขณะเดียวกันก็เป็นองค์ประกอบที่ซับซ้อนที่ควรปรากฏบนหน้าเว็บ ด้วยความช่วยเหลือทำให้สะดวกในการนำเสนอข้อมูลที่สำคัญและเป็นประโยชน์ในรูปแบบที่ค่อนข้างกระชับ แน่นอนว่าตัวแก้ไขส่วนใหญ่ในเทมเพลตที่ทำงานบนเอ็นจิ้นต่าง ๆ ช่วยให้คุณสามารถแทรกตารางลงในหน้าของเว็บไซต์หรือสิ่งพิมพ์แยกต่างหากได้โดยอัตโนมัติ แต่จะเกิดอะไรขึ้นถ้าการออกแบบทรัพยากรบนเว็บและหน้าต่างๆ ถูกสร้างขึ้นตั้งแต่ต้น? จากนั้นปรมาจารย์มือใหม่อาจประสบปัญหา: ทำอย่างไร ลองมาดูวิธีสร้างองค์ประกอบนี้อย่างถูกต้องและรวดเร็ว
การเลือกบรรณาธิการ
ก่อนอื่น เมื่อเริ่มสร้างตาราง คุณควรตัดสินใจเลือกโปรแกรมแก้ไขที่คุณจะใช้งาน แน่นอนว่าวิธีที่ง่ายที่สุดคือเลือกโปรแกรมที่คุณสร้างโค้ดไซต์หลัก แต่วิธีที่ดีที่สุดคือใช้สมุดบันทึกเก่าๆ เพื่อวัตถุประสงค์เหล่านี้
คุณอาจถามว่าทำไมชีวิตคุณถึงซับซ้อน เพราะถ้าคุณทำทุกอย่างพร้อมกันในตัวแก้ไข คุณจะเห็นผลลัพธ์ได้ทันที และคุณยังสามารถใช้คำแนะนำของโปรแกรมได้อีกด้วย
ใช่ นี่เป็นเรื่องจริง แต่ด้วยการสร้างตารางตั้งแต่ต้น คุณจะไม่เพียงแต่สามารถศึกษาหลักการของการสร้างตารางอย่างละเอียดเท่านั้น แต่ยังหลีกเลี่ยงการพิมพ์ผิดและข้อผิดพลาดที่น่ารำคาญในโค้ดหลักอีกด้วย บางครั้งมันเกิดขึ้นที่เคอร์เซอร์เลื่อนลงโดยไม่ตั้งใจและในระหว่างขั้นตอนการเขียนก็มีข้อผิดพลาดคืบคลานเข้าไปในโค้ดซึ่งบางครั้งก็หายาก เมื่อสร้างตารางใน Notepad แล้ว คุณสามารถคัดลอกโค้ดและวางในตำแหน่งที่คุณต้องการได้
อัลกอริทึมสำหรับการสร้างตาราง
ขั้นแรก เรามาสร้างอัลกอริทึมสั้นๆ เกี่ยวกับวิธีสร้างตารางใน HTML กัน นี่เป็นสิ่งจำเป็นเพื่อให้คุณเข้าใจลำดับของแต่ละขั้นตอน จากนั้นเราจะหาวิธีดำเนินการแต่ละจุดอย่างแน่ชัด
เริ่มจากขั้นตอนการเตรียมการกันก่อน
1. วาดแผนผังของตารางบนกระดาษ
2. นับจำนวนแถวและเซลล์ หากจำนวนหลังต่างกัน เราจะนับแยกกันในแต่ละแถว
3. กำหนดจำนวนเซลล์ส่วนหัวในแถว (เช่น เซลล์ "ไม่" "ชื่อ" ฯลฯ)
4. เขียนพารามิเตอร์หลักของตาราง - สีความสูงและความกว้างการจัดตำแหน่งข้อความ - โดยทั่วไปทุกสิ่งที่คุณเห็นว่าจำเป็นสำหรับคุณ
1. ใส่แท็กตาราง
2. ใส่แท็กบรรทัดตามปริมาณที่คุณต้องการ
3. ในบรรทัด ให้แทรกแท็กเซลล์ (แบบปกติและตัวพิมพ์ใหญ่) โดยขึ้นอยู่กับตัวเลขที่เขียนบนกระดาษของคุณ
4. ตั้งค่าพารามิเตอร์สำหรับตารางโดยรวม
5. หากจำเป็น ให้ตั้งค่าตัวบ่งชี้สำหรับแต่ละเซลล์
6. เติมข้อความลงในเซลล์ของเรา
สร้างตาราง
คุณได้เลือกโปรแกรมแก้ไขแล้ว ตอนนี้เรามาดูวิธีสร้างตารางใน HTML กันดีกว่า แท็กที่ใช้แทรกตารางลงในโค้ดหน้า (
) ถูกจับคู่ นั่นคือ การสร้างของเราเริ่มต้นด้วยแท็กนี้และสิ้นสุด
.เมื่อแทรกแท็กตารางแล้ว เราจะไปยังการสร้างแถวและเซลล์
ให้เราทราบทันทีว่าองค์ประกอบเหล่านี้จับคู่กันด้วย แท็ก
ระบุบรรทัดและ | - เซลล์. สำหรับเซลล์ส่วนหัว ให้ใช้องค์ประกอบคู่ | . ดังที่ได้กล่าวไปแล้ว สิ่งแรกที่คุณควรทำคือสร้างแถว จากนั้นเขียนเซลล์ลงไป เพื่อไม่ให้สับสน เราขอแนะนำให้สร้างการเยื้องหนึ่งหรือสองบรรทัดระหว่างแต่ละบล็อก หรือเขียนบล็อกองค์ประกอบใหม่โดยใช้ปุ่ม "Tab" สิ่งนี้อาจมีหน้าตาเป็นอย่างไร? เช่นนั้น: ;;| เลขที่ | ;| นามสกุล | ; ;;| 1 | ;| อีวานอฟ | ; | ; .
อย่างที่คุณเห็นไม่มีอะไรซับซ้อนเกี่ยวกับเรื่องนี้ สิ่งสำคัญคืออย่าสับสนกับจำนวนแถวและเซลล์ มิฉะนั้นโต๊ะอาจบิดเบี้ยวได้ เราได้พูดคุยถึงการสร้างตารางใน HTML แล้ว ตอนนี้เราสามารถไปยังพารามิเตอร์ของทั้งเมทริกซ์และแถวและเซลล์ได้ 
ตัวเลือกตารางเมื่อเขียนโค้ด คุณควรคำนึงถึงประเด็นต่อไปนี้: การจัดแนวเส้นขอบ พื้นหลัง ข้อความ ฯลฯ พารามิเตอร์ตารางระบุไว้ในแท็ก - ซึ่งรวมถึง:1. เส้นขอบ - ความกว้างของเส้นขอบ ระบุเป็นจำนวนเต็ม ตามค่าเริ่มต้น ขอบเขตของตารางใดๆ จะเป็นศูนย์ 2. Bordercolor - สีของเส้นขอบ สามารถระบุได้ด้วยรหัสสีฐานสิบหก (#00008B) หรือด้วยชื่อเป็นภาษาอังกฤษ (DarkBlue) โดยค่าเริ่มต้นจะเป็นสีเทาเสมอ 3. Bgcolor - ระบุโดยใช้รหัสหรือชื่อด้วย 4. Align - การจัดแนวข้อความด้านหลังตาราง ตามค่าเริ่มต้น - จัดชิดซ้าย มีตัวเลือกต่อไปนี้สำหรับพารามิเตอร์นี้: - ซ้าย - ไหลไปทางขวา;
- ขวา - ไหลไปทางซ้าย;
- center - แสดงตารางตรงกลางโดยไม่ต้องปิดล้อม
5. ความกว้างและความสูง - ความกว้างและความสูงของโต๊ะ สามารถระบุเป็นพิกเซลหรือเป็นเปอร์เซ็นต์ (สัมพันธ์กับขนาดของหน้าต่างเบราว์เซอร์) เมื่อกำหนดตัวบ่งชี้นี้หรือตัวบ่งชี้นั้นคุณควรให้ความสนใจเป็นพิเศษกับการออกแบบ หลังจากระบุพารามิเตอร์แล้ว จะต้องมีเครื่องหมาย "เท่ากับ" หลังจากนั้นจึงระบุค่าที่ระบุในเครื่องหมายคำพูด ในส่วนของสีของข้อความนั้นจะได้รับการออกแบบในลักษณะเดียวกับข้อความปกติในรูปแบบ HTML ตัวอย่างการออกแบบโต๊ะ: ;;| เลขที่ | ;| นามสกุล | ; ;;| 1 | ;| อีวานอฟ | ; | ; .
ตัวเลือกแถวดังนั้นเราจึงได้ทราบวิธีสร้างตารางใน HTML และระบุพารามิเตอร์หลักแล้ว แต่ถ้าเราจำเป็นต้องเน้นเส้นล่ะ? ควรจัดรูปแบบให้แตกต่างจากข้อความหลักของตารางหรือไม่ พารามิเตอร์บรรทัดถูกเขียนไว้ในแท็ก เหมือนกับข้อมูลตารางทุกประการ คุณสามารถตั้งค่าตัวแปรต่อไปนี้สำหรับบรรทัดได้:1. คุณรู้จักเส้นขอบ สีเส้นขอบ และสี bgcolor อยู่แล้ว 2. Align - การจัดแนวข้อความในบรรทัด สามารถรับค่าซ้าย กลาง และขวาได้ 3. Valign - แท็กนี้จะจัดแนวข้อความในแนวตั้ง ยอมรับค่าต่อไปนี้: - ด้านบน - ข้อความถูกจัดชิดกับเส้นขอบด้านบน
- กลาง - ตรงกลาง;
- ด้านล่าง - ตามขอบด้านล่าง
ตัวอย่างรูปแบบเส้น: ตัวเลือกเซลล์และสิ่งสุดท้ายที่ควรให้ความสนใจสำหรับผู้ที่ต้องการทราบวิธีสร้างตารางใน HTML คือพารามิเตอร์ของแต่ละเซลล์ทั้งแบบปกติและแบบตัวพิมพ์ใหญ่ โดยพื้นฐานแล้ว ทุกอย่างจะทำในลักษณะเดียวกับตารางหรือแถวทุกประการ สิ่งเดียวคือมีการเพิ่มองค์ประกอบที่สำคัญอีกสองรายการ: 1. Colspan - พารามิเตอร์นี้ระบุจำนวนคอลัมน์ที่เซลล์สามารถขยายได้ 2. Rowspan - ระบุจำนวนแถวที่เซลล์นี้ครอบครอง เนื่องจากการออกแบบไม่แตกต่างจากการเขียนบรรทัด เราจึงไม่ยกตัวอย่างโค้ด 
ข้อสรุปการทำโต๊ะไม่ใช่เรื่องยากอย่างที่คิดเมื่อเห็นแวบแรก สิ่งสำคัญในการเขียนโค้ดคือความเพียรและความเอาใจใส่ สำหรับวิธีแทรกตารางลงใน HTML คุณเพียงแค่ต้องคัดลอกและวางโค้ดลงในตำแหน่งบนหน้าเว็บที่คุณคิดว่าควรจะอยู่ อย่ากลัวที่จะทดลอง แล้วในไม่ช้า คุณจะเชี่ยวชาญเทคนิคการสร้างตารางที่สมบูรณ์แบบ ขอให้โชคดี!
ตารางคือชุดของข้อมูลที่กระจายไปตามแถวและเซลล์ เซลล์ส่วนใหญ่มีข้อมูลแบบตาราง ส่วนเซลล์อื่นๆ มีส่วนหัวของแถวและคอลัมน์ที่อธิบายเนื้อหา
หากต้องการสร้างตารางในเอกสาร HTML ให้ใช้แท็ก แสดงถึงคอนเทนเนอร์ที่มีเนื้อหาทั้งหมดของตาราง
การสร้างตารางจะเริ่มต้นด้วยแถวซึ่งถูกกำหนดโดยใช้แท็กเสมอ แต่ละแถวจะประกอบด้วยเซลล์ตามลำดับ แท็ก สามารถมีได้เฉพาะแท็กสำหรับการสร้างเซลล์
ใน HTML มีแท็กที่แตกต่างกันสองแท็กสำหรับการสร้างเซลล์ แท็กแรกคือ จะสร้างเซลล์ข้อมูลปกติ ตามค่าเริ่มต้น เนื้อหาแท็ก | จัดชิดซ้าย แท็กที่สองสำหรับการสร้างเซลล์คือแท็ก | ช่วยให้คุณสามารถกำหนดเซลล์ที่มีส่วนหัวของคอลัมน์หรือแถวได้ เนื้อหาของเซลล์ดังกล่าวจะแสดงเป็นข้อความตัวหนาและจัดกึ่งกลาง แท็ก | และ | อาจรวมถึงองค์ประกอบ HTML ใด ๆ ที่พร้อมใช้งานในเนื้อหาของเอกสาร
| ชื่อแรก | ชื่อที่สอง |
|---|
| แถว 1 เซลล์ 1 | แถว 1 เซลล์ 2 |
| แถว 2 เซลล์ 1 | แถว 2 เซลล์ 2 |
พยายาม "ตารางภายในตาราง
HTML มีความสามารถในการสร้างตารางที่ซ้อนกัน ซึ่งก็คือ ตารางที่อยู่ภายในตารางอื่น หากต้องการสร้างตารางที่ซ้อนกัน คุณต้องวางโค้ดของตารางที่คุณต้องการให้ซ้อนกันภายในแท็กใดๆ | .
ตัวอย่างเช่น ลองใช้ตารางที่เราสร้างไว้ก่อนหน้านี้และวางโค้ดนี้ในเซลล์ที่สองของแถวที่สอง:
| ชื่อแรก | ชื่อที่สอง |
|---|
| แถว 1 เซลล์ 1 | แถว 1 เซลล์ 2 |
| แถว 2 เซลล์ 1 |
แถว 2 เซลล์ 2
| ชื่อแรก | ชื่อที่สอง |
|---|
| แถว 1 เซลล์ 1 | แถว 1 เซลล์ 2 |
| แถว 2 เซลล์ 1 | แถว 2 เซลล์ 2 |
|
งาน
สร้างตารางและระบุพารามิเตอร์ (ระยะขอบและระยะห่างระหว่างเซลล์) ผ่านสไตล์
สารละลาย
ตารางประกอบด้วยแถวและคอลัมน์ของเซลล์ที่สามารถประกอบด้วยข้อความและรูปภาพได้ หากต้องการเพิ่มตารางลงในหน้าเว็บ ให้ใช้แท็ก - องค์ประกอบนี้ทำหน้าที่เป็นคอนเทนเนอร์สำหรับองค์ประกอบที่กำหนดเนื้อหาของตาราง ตารางใดๆ ประกอบด้วยแถวและเซลล์ ซึ่งระบุตามลำดับโดยใช้แท็ก และ | - ตารางต้องมีอย่างน้อยหนึ่งเซลล์ (ตัวอย่าง 1) อนุญาตแทนแท็ก | ใช้แท็ก | - ข้อความในเซลล์ที่มีสไตล์ด้วยแท็ก | จะแสดงโดยเบราว์เซอร์ด้วยแบบอักษรตัวหนาและจัดชิดตรงกลางเซลล์ มิฉะนั้นความแตกต่างระหว่างเซลล์ที่สร้างผ่านแท็ก | และ | เลขที่
ตัวอย่างที่ 1: การสร้างตาราง
HTML5 IE Cr Op Sa Fx
แท็กตาราง
| เซลล์ 1 |
เซลล์ 2 |
| เซลล์ 3 |
เซลล์ 4 |
ลำดับของเซลล์และลักษณะที่ปรากฏจะแสดงในรูปที่ 1 1.
ข้าว. 1. ผลลัพธ์ของการสร้างตารางที่มีสี่เซลล์
คุณลักษณะแท็กเส้นขอบ อนุญาตให้เพิ่มด้วยค่าว่างเท่านั้น ( ) หรือเท่ากับ 1 ค่าอื่นๆ ทั้งหมดไม่ได้รับการตรวจสอบ
หากต้องการควบคุมระยะขอบภายในเซลล์ ให้ใช้คุณสมบัติรูปแบบการเติม ซึ่งเพิ่มลงในตัวเลือก td ระยะห่างระหว่างเซลล์มีการเปลี่ยนแปลงโดยคุณสมบัติระยะห่างขอบ (ตัวอย่างที่ 2) ที่เพิ่มลงในตัวเลือกตาราง เบราว์เซอร์ IE จะเข้าใจตั้งแต่เวอร์ชัน 8.0 เท่านั้น
ตัวอย่างที่ 2: ระยะขอบภายในเซลล์
HTML5 CSS 2.1 IE Cr Op Sa Fx
แท็กตาราง
| หัวเรื่อง 1 | หัวเรื่อง 2 |
|---|
| เซลล์ 3 | เซลล์ 4 |
ตารางที่มีเขตข้อมูลและระยะห่างระหว่างเซลล์จะแสดงในรูปที่ 1 2. ผลลัพธ์ที่คล้ายกันสามารถทำได้โดยใช้กรอบสีขาวรอบๆ เซลล์
ข้าว. 2. เขตข้อมูลในเซลล์ตาราง
โต๊ะพร้อมกรอบ
| ชื่อ |
นามสกุล |
| ลาริซา |
อิซาเอวา |
| มิทรี |
โคเลสนิคอฟ |
ผลลัพธ์:
โต๊ะไม่มีกรอบ
โต๊ะพร้อมกรอบ
คุณสมบัติของแท็ก | และ | เพื่อรวมเซลล์
ตัวอย่าง
|
พังพอน |
| น้ำหนัก |
ขนาด |
| ผู้ชาย |
1.2 – 2.5 กก |
สูงถึง 70 ซม |
| ผู้หญิง |
0.7 – 1.0 กก |
สูงถึง 40 ซม |
ผลลัพธ์:
|
|
พังพอน |
| น้ำหนัก |
ขนาด |
| ผู้ชาย |
1.2 – 2.5 กก |
สูงถึง 70 ซม |
| ผู้หญิง |
0.7 – 1.0 กก |
สูงถึง 40 ซม |
ตามมาตรฐาน HTML5 คุณลักษณะของตารางที่ใช้ก่อนหน้านี้ทั้งหมด เช่น ชายแดน, ระยะห่างระหว่างเซลล์, การหุ้มเซลล์ฯลฯ ไม่ได้รับการสนับสนุนอีกต่อไป และผู้ตรวจสอบจะถือว่าการใช้งานเป็นข้อผิดพลาดในโค้ด ในการออกแบบตาราง คุณต้องใช้สไตล์ CSS ซึ่งคุณสามารถแทนที่แอตทริบิวต์ของตารางที่ล้าสมัยทั้งหมดได้ ตัวอย่างเช่น แทนที่จะเป็นแอตทริบิวต์ ระยะห่างระหว่างเซลล์หากต้องการเปลี่ยนระยะห่างระหว่างเซลล์ตาราง ให้ใช้คุณสมบัติ ระยะห่างชายแดนและเพื่อจัดแนวเนื้อหาในเซลล์ตาราง – คุณสมบัติ จัดข้อความและ แนวตั้ง-aling- สไตล์ CSS สำหรับการออกแบบตาราง
แท็กการจัดกลุ่มแถวตาราง HTML
หากต้องการสร้างตารางที่ซับซ้อนมากขึ้น คุณสามารถใช้แท็ก:
ตัวอย่าง
การบริโภคเบียร์
| ชื่อเต็ม. |
ลิตร |
| ทั้งหมด |
250 |
| อีวานอฟ อีวาน อิวาโนวิช |
133 |
| เปตรอฟ เปตรอฟ เปโตรวิช |
117 |
ผลลัพธ์:
แท็กการจัดกลุ่มคอลัมน์ตาราง HTML
แอตทริบิวต์แท็ก และ
วิธีที่ง่ายที่สุดในการทำความเข้าใจวิธีใช้การจัดกลุ่มแถวและคอลัมน์คือการใช้ตัวอย่างของตารางซูโดกุ
แท็ก col ตั้งค่าพารามิเตอร์แยกกันสำหรับแต่ละคอลัมน์ ไม่สำคัญว่าจะเขียนอย่างไรในซอร์สโค้ด:
หรือ
ตัวอย่าง
ผลลัพธ์:
อย่าพยายามกำหนดสไตล์ จัดข้อความสำหรับแท็ก และ - ข้อความอยู่ระหว่างแท็ก ... | ไม่สืบทอดสไตล์นี้เนื่องจากแท็ก ไม่ใช่ลูกของแท็กใดๆ , ไม่มีแท็ก .
การจัดแนวแนวนอนของข้อความในคอลัมน์ตารางเฉพาะสามารถเปลี่ยนแปลงได้โดยการระบุสไตล์ จัดข้อความสำหรับคลาสหลอก td: เด็กคนที่ n (n)โดยที่ n คือหมายเลขคอลัมน์ อย่างไรก็ตาม วิธีนี้จะไม่ทำงานหากมีแอตทริบิวต์อยู่ในเซลล์ตาราง โคลสแปน.
ตัวอย่าง
| ชื่อ |
ราคาถู) |
| ชำระค่าห้องอาบแดดต่อนาที (จาก 4 นาที) | 15 |
| ห้องอาบแดด 50 นาที (14 รูเบิล/นาที 1 เดือน) | 700 |
| ห้องอาบแดด 100 นาที (13 รูเบิล/นาที 2 เดือน) | 1300 |
| ห้องอาบแดด 200 นาที (12 รูเบิล/นาที 3 เดือน) | 2400 |
ผลลัพธ์:
อย่างไรก็ตาม วิธีนี้จะไม่ทำงานหากมีแอตทริบิวต์อยู่ในเซลล์ตาราง โคลสแปน.
แจ้งการพิมพ์ผิด
ข้อความที่จะส่งถึงบรรณาธิการของเรา:
| | | | |
