ตาราง HTML - 3
ใหม่มานำไปปฏิบัติในสิ่งที่เราได้พูดคุยกัน มาเพิ่มตารางความกว้าง 500 พิกเซลในไฟล์ Template5.html ของคุณ เราต้องการให้ตารางมีสามแถว 1 กล่องภายในแต่ละแถวมีความกว้าง 1 พิกเซลและเนื้อหาภายในเซลล์จะอยู่กึ่งกลาง หลังจากที่คุณสร้างตารางแล้วให้ย้าย "Hello World" ภายในเซลล์ด้านบน (แถว 1 - เซลล์ 1) จากนั้นย้ายแท็กแบบอักษรและ "Enter Here" ไปยังเซลล์ในแถวที่สอง (แถวที่ 2 - เซลล์ 1) ในที่สุดปล่อยให้แถว 3 - เซลล์ 1 ว่าง เปิดไฟล์ Template5.html ลงในตัวแก้ไขข้อความของคุณเพิ่มรหัสต่อไปนี้และบันทึกไฟล์ใหม่เป็น Template6.html

ตาราง - รหัสแหล่งที่มา





สวัสดีชาวโลก

เข้าสู่
ที่นี่


บันทึก--ลูกศร บ่งชี้ว่ารหัสถูกห่อเป็นบรรทัดที่สองและควรจะเป็นจริงในบรรทัดเดียว

Template6.html - ซอร์สโค้ด


สวัสดีชาวโลก









สวัสดีชาวโลก

เข้าสู่
ที่นี่




บันทึก--ลูกศร บ่งชี้ว่ารหัสถูกห่อเป็นบรรทัดที่สองและควรจะเป็นจริงในบรรทัดเดียว

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

←ย้อนกลับ

|



คำแนะนำวิดีโอ: html #6 การสร้างตาราง table (เมษายน 2024).