วิธีการวาดตารางใน HTML

สารบัญ:

วิธีการวาดตารางใน HTML
วิธีการวาดตารางใน HTML

วีดีโอ: วิธีการวาดตารางใน HTML

วีดีโอ: วิธีการวาดตารางใน HTML
วีดีโอ: การสร้างตารางใน html 2024, เมษายน
Anonim

HTML เป็นภาษามาร์กอัปของหน้าที่สามารถใช้โฮสต์เว็บไซต์บนอินเทอร์เน็ตได้ ในการจัดรูปแบบเอกสารในกรณีนี้จะใช้แท็ก - องค์ประกอบคำอธิบาย

วิธีการวาดตารางใน HTML
วิธีการวาดตารางใน HTML

จำเป็น

  • - คอมพิวเตอร์;
  • - โปรแกรม "Notepad";
  • - ทักษะในการทำงานกับ HTML

คำแนะนำ

ขั้นตอนที่ 1

เปิดหน้าที่คุณต้องการเพิ่มตารางใน HTML โดยใช้ Notepad ในการดำเนินการนี้ ให้คลิกขวาที่ไฟล์เพื่อเปิดเมนูบริบท เลือกตัวเลือก "เปิดด้วย" เลือกตำแหน่งในแท็ก Body เพื่อเพิ่มตารางลงในไซต์

ขั้นตอนที่ 2

ใช้แท็ก… เพื่อวางตารางใน Html นี่คือแท็กหลักที่อธิบายตาราง องค์ประกอบทั้งหมดต้องอยู่ระหว่างแท็กเปิดและแท็กปิด ตามค่าเริ่มต้น ตารางจะถูกสร้างขึ้นโดยไม่มีตัวคั่นและเส้นขอบ เพิ่มเส้นขอบตามต้องการโดยใช้แอตทริบิวต์ชายแดน เมื่อต้องการทำเช่นนี้ ให้แทรกลงในแท็กตารางและเพิ่มค่าตัวเลขสำหรับความกว้างของเส้นขอบ เช่น แถวในตาราง เมื่อต้องการทำสิ่งนี้ ให้ใช้แท็ก … จำนวนบรรทัดจะถูกกำหนดโดยจำนวนของคู่ของมัน เพิ่มคำอธิบายเซลล์โดยใช้แท็ก… วางเซลล์ไว้ภายในแท็กแถวเท่านั้น เพิ่มจำนวนคอลัมน์ (คอลัมน์) ที่จะวางเซลล์นั้นลงไป

ขั้นตอนที่ 4

ตำแหน่งของข้อความในเซลล์กำหนดโดยใช้แอตทริบิวต์ Aligh (ซ้าย ขวา กึ่งกลาง) - กำหนดตำแหน่งของข้อความในแนวนอน และ Valign (ตรงกลาง ด้านล่าง ด้านบน) - กำหนดตำแหน่งของข้อมูลในเซลล์ในแนวตั้ง คำอธิบายนี้สามารถเพิ่มได้ทั้งสำหรับแต่ละเซลล์และสำหรับทั้งแถว

ขั้นตอนที่ 5

ใช้แอตทริบิวต์ Colspan เพื่อรวมเซลล์ในแนวนอนและ Rowspan ในแนวตั้ง ตัวอย่างของรหัสตาราง: “ชื่อตาราง” “ชื่อแถวที่ผสาน” “ชื่อคอลัมน์แรก” “ชื่อคอลัมน์ที่สอง” “แถวที่สอง” “เซลล์ที่สองของแถวที่สอง” “เซลล์ที่สามของวินาที แถว.

แนะนำ: