เครื่องมือสร้างตาราง HTML
สร้างตาราง HTML ได้อย่างง่ายดาย ป้อนข้อมูลในตารางด้านล่างหรือนำเข้าจาก CSV/Excel
ตัวเลือกตาราง
เพิ่มแถว:
เพิ่มคอลัมน์:
ขอบเขตส่วนหัว::
คำอธิบาย::
ตัวเลือกพื้นฐาน
ความกว้างตาราง::
ความสูงตาราง::
ตารางมีเส้นขอบ:
ความกว้างเส้นขอบ::
สีเส้นขอบ::
ระยะขอบเซลล์::
การยุบรวมเส้นขอบ::
ตัวเลือกตาราง
โค้ด HTML
ตัวอย่าง
วิธีใช้ เครื่องมือสร้างตาราง HTML
- 1
ป้อนข้อมูลของคุณ
กรอกเซลล์ใน Grid Editor และเพิ่มแถวหรือคอลัมน์ หรือวางข้อมูล CSV และ Excel ในแท็บ "นำเข้า CSV"
- 2
จัดสไตล์ตาราง
ตั้งค่าตัวเลือกพื้นฐานอย่างมีเส้นขอบ แถวสลับสี ไฮไลต์เมื่อชี้ และ responsive หรือเปิดตัวเลือกขั้นสูงสำหรับ ID, คลาส, คำบรรยาย และสีเส้นขอบ
- 3
สร้างตาราง
คลิก "สร้างตาราง" เพื่อสร้าง HTML และดูตัวอย่างว่าจะมีหน้าตาอย่างไร
- 4
คัดลอก HTML
เปิดแท็บ "โค้ด HTML" แล้วใช้ "คัดลอก HTML" เพื่อวางมาร์กอัปลงในหน้าเว็บของคุณ
คำถามที่พบบ่อย
ฉันนำเข้าข้อมูลแทนการพิมพ์ได้ไหม
ได้ แท็บ "นำเข้า CSV" รับข้อมูลที่คั่นด้วยจุลภาค แท็บ อัฒภาค หรือไปป์ ที่วางมาจากสเปรดชีต และคุณกำหนดให้แถวแรกเป็นส่วนหัวได้
ฉันทำให้ตาราง responsive ได้ไหม
ได้ เปิดตัวเลือก "ตาราง Responsive" เพื่อห่อตารางให้เลื่อนได้อย่างเรียบร้อยบนหน้าจอเล็กและปรับตามเลย์เอาต์ที่ต่างกัน
มีตัวเลือกการจัดสไตล์อะไรบ้าง
คุณเพิ่มเส้นขอบ แถวสลับสี การไฮไลต์เมื่อชี้ คำบรรยาย ID และชื่อคลาสแบบกำหนดเอง ระยะ padding และ spacing ของเซลล์ ความกว้างและสีเส้นขอบ และ scope ของส่วนหัวเพื่อการเข้าถึงได้
โค้ดที่สร้างขึ้นจะเป็น HTML ที่ถูกต้องไหม
ใช่ เครื่องมือสร้างแท็ก table, thead, tbody, th และ td ที่มีโครงสร้างถูกต้อง มาร์กอัปจึงสะอาดและพร้อมนำไปวางในเว็บไซต์ของคุณ
ข้อมูลตารางถูกส่งไปที่ไหนหรือไม่
ไม่ ทุกอย่างถูกสร้างในเบราว์เซอร์ของคุณ ข้อมูลตารางของคุณจึงอยู่บนอุปกรณ์ และเครื่องมือนี้ใช้งานได้ฟรีอย่างสมบูรณ์
เครื่องมือที่เกี่ยวข้อง
ทำงานต่อด้วยเครื่องมือที่มีประโยชน์เหล่านี้