วิธีสร้างตาราง Markdown

วิธีสร้างตาราง Markdown

ในปี พ.ศ. 2547 จอห์น กรูเบอร์แห่ง ลูกไฟกล้าหาญ สร้าง Markdown ซึ่งเป็นภาษามาร์กอัปที่มีน้ำหนักเบาสำหรับการเผยแพร่เนื้อหาบนเว็บ ใช้รูปแบบการจัดรูปแบบข้อความธรรมดาที่เข้าใจง่ายเพื่อสร้าง HTML หรือ XHTML ที่เป็นระเบียบผ่านการใช้สคริปต์ Perl อย่างง่าย





ตั้งแต่นั้นมา Markdown หลายรสชาติก็ปรากฏตัวขึ้น แม้ว่าตารางจะไม่ปรากฏในข้อกำหนดเดิม แต่ตัวแก้ไข Markdown ส่วนใหญ่สนับสนุนตารางเหล่านี้และง่ายต่อการนำไปใช้ มาดูการสร้างตารางตั้งแต่เริ่มต้น รวมถึงทรัพยากรที่สามารถเพิ่มความเร็วให้กับกระบวนการได้





ไวยากรณ์ตาราง Markdown

หากคุณเพิ่งเริ่มใช้ Markdown ไม่ต้องกังวล— มีเหตุผลดีๆ มากมายที่คุณควรเรียนรู้





ตามที่ระบุไว้ก่อนหน้านี้ Vanilla Markdown ไม่รวมการรองรับตาราง ต่อมาได้มีการพยายามสร้างมาตรฐาน Markdown โดยมีความสำคัญมากที่สุด CommonMark . การใช้งาน Markdown นี้ยังไม่รวมการรองรับแบบเนทีฟสำหรับตาราง แม้ว่าจะเป็นไปได้ว่าจะมีการทำซ้ำในอนาคต

โปรแกรมแก้ไข Markdown ที่ทันสมัยส่วนใหญ่รองรับการใช้งานภาษามาร์กอัปแบบไลท์เวทที่แตกต่างกันหลายแบบ ทั้งคู่ Github Flavoured Markdown และ Markdown Extra แนะนำการสนับสนุนสำหรับตารางและสิ่งเหล่านี้ได้รับการสนับสนุนอย่างดีทั้งในแพลตฟอร์มออนไลน์และในเครื่องมือแก้ไขที่ทันสมัย



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

วิธีใช้ snapchat บน wifi ของโรงเรียนโดยไม่ต้องใช้ vpn

นี่คือตัวอย่างตาราง Markdown ที่สร้างโดยใช้ GitHub Flavoured Markdown หรือ Markdown Extra:





| Column 1 | Column 2 | Column 3 |
| :------------- | :----------: | -----------: |
| Cell Contents | More Stuff | And Again |
| You Can Also | Put Pipes In | Like this | |

สิ่งนี้จะสร้างตารางที่จัดรูปแบบอย่างเรียบร้อยซึ่งมีลักษณะดังนี้:

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





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

รหัสตาราง Markdown ที่ง่ายกว่า

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

ต่อไปนี้คือตัวอย่างตารางที่ถูกต้องสมบูรณ์แต่ดูน่าขยะแขยงใน Markdown:

Column 1 | Column 2 | Column 3
--- | --- | ---
**Things** | _Don't_ | [Need](http://makeuseof.com)
To | *__Look__* | `Pretty`

ซึ่งสร้างตารางที่มีลักษณะดังนี้:

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

คุณยังสามารถแทรกรูปภาพลงในตารางได้โดยใช้ไวยากรณ์ Markdown ที่เกี่ยวข้อง ตรวจสอบของเรา แผ่นโกง Markdown ที่พิมพ์ได้ สำหรับรายการไวยากรณ์การจัดรูปแบบทั้งหมด

เครื่องกำเนิดตาราง Markdown

หากคุณชอบวิธีที่ Markdown ทำให้ง่ายต่อการเพิ่มการจัดรูปแบบ หัวเรื่อง ลิงก์ และรูปภาพอย่างง่าย และไม่ต้องการยุ่งกับการจัดรูปแบบตาราง โปรแกรมสร้างตาราง Markdown อาจเป็นสิ่งที่คุณกำลังมองหา

เครื่องสร้างตาราง Markdown

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

page_fault_in_nonpaged_area windows 10

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

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

คัดลอก Excel/Google Table วางเป็น Markdown

เครื่องมือแปลง Excel หรือ Google ชีตเป็น Markdown ที่ยอดเยี่ยมนี้เป็นผลงานของ Dave Johnson ผู้พัฒนาซอฟต์แวร์ และโฮสต์อยู่ในบล็อกของเขาเอง มันขึ้นอยู่กับ Jonathan Hoyt's copy-excel-paste-markdown รหัสและมันไม่สามารถใช้งานได้ง่ายกว่านี้

เพียงคัดลอกช่วงตารางในเครื่องมือสเปรดชีตของคุณ วางลงในกล่องข้อความ และดูว่ามันแปลงเป็นตารางที่สอดคล้องกับ Markdown โดยอัตโนมัติ จากนั้นคุณสามารถคัดลอกอีกครั้งและวางลงในเอกสาร Markdown ของคุณ

Dave ยังได้สร้าง a เวอร์ชันที่จัดการการจัดตำแหน่งคอลัมน์ เช่นเดียวกับ Markdown Table Generator ด้านบน

MarkdownTableMaker ส่วนขยาย Chrome

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

มาสเตอร์ Markdown วันนี้

ความรู้เกี่ยวกับ Markdown เป็นทักษะที่ยอดเยี่ยมที่คุณสามารถเพิ่มลงในรายการเผยแพร่ดิจิทัลของคุณ ไม่ว่าคุณจะโพสต์ความคิดเห็นบน Reddit หรือกำลังคิดที่จะเริ่มบล็อก ภาษามาร์กอัปแบบง่ายนี้ค่อนข้างหลากหลาย เมื่อจับคู่กับ บรรณาธิการที่ถูกต้อง , Markdown สามารถแปลงเป็น HTML, PDF และอื่นๆ ได้อย่างง่ายดาย

เริ่มต้นวันนี้กับ คู่มือการเรียนรู้ Markdown ของเรา !

วิธีถอนการติดตั้งการอัปเดต windows 10
แบ่งปัน แบ่งปัน ทวีต อีเมล ตกลงหรือไม่ที่จะติดตั้ง Windows 11 บนพีซีที่เข้ากันไม่ได้

ตอนนี้คุณสามารถติดตั้ง Windows 11 บนพีซีรุ่นเก่าที่มีไฟล์ ISO อย่างเป็นทางการได้แล้ว แต่ควรทำเช่นนั้นหรือไม่

อ่านต่อไป
หัวข้อที่เกี่ยวข้อง
  • การเขียนโปรแกรม
  • Markdown
เกี่ยวกับผู้เขียน ทิม บรูกส์(ตีพิมพ์บทความ 838 บทความ)

ทิมเป็นนักเขียนอิสระที่อาศัยอยู่ในเมลเบิร์น ประเทศออสเตรเลีย สามารถติดตามได้ที่ ทวิตเตอร์ .

เพิ่มเติมจาก Tim Brookes

สมัครรับจดหมายข่าวของเรา

เข้าร่วมจดหมายข่าวของเราสำหรับเคล็ดลับทางเทคนิค บทวิจารณ์ eBook ฟรี และดีลพิเศษ!

คลิกที่นี่เพื่อสมัครสมาชิก