การเพิ่มเส้นแนวนอนใน Markdown

ข้อกำหนดเบื้องต้น:

ในการดำเนินการตามขั้นตอนที่แสดงในคู่มือนี้ คุณต้องมีส่วนประกอบต่อไปนี้:

• ตัวแก้ไข Markdown ที่เหมาะสม ตัวอย่างเช่น, วีเอสซีเดียม , กด (ส้อมของ อะตอม ) หรือตัวแก้ไขมาร์กอัปออนไลน์ใดๆ
• ความเข้าใจพื้นฐานของ Markdown (ทางเลือก)

มาร์คดาวน์

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

• น้ำหนักเบา : เมื่อเปรียบเทียบกับภาษามาร์กอัปอื่น Markdown นั้นเรียบง่ายและน้ำหนักเบา Markdown มาตรฐานไม่มีไวยากรณ์จำนวนมากในขณะที่รักษาคุณสมบัติที่หลากหลายไว้
• พกพาสะดวก : เอกสาร Markdown เป็นข้อความธรรมดาโดยพื้นฐาน ดังนั้นโปรแกรมใด ๆ ก็สามารถทำงานร่วมกับมันได้ คุณยังสามารถสร้างข้อความที่จัดรูปแบบ Markdown บนแพลตฟอร์มใดก็ได้
• ความนิยม : Markdown ใช้เพื่อสร้างเว็บไซต์ เอกสาร โน้ต อีเมล และอื่นๆ บริษัทขนาดใหญ่เช่น Reddit, GitHub ฯลฯ ก็สนับสนุน Markdown เช่นกัน

เส้นแนวนอนใน Markdown

ใน Markdown เส้นแนวนอนจะปรากฏเป็นดังนี้:

มีหลายโอกาสที่คุณอาจต้องการเพิ่มเส้นแนวนอนในเอกสาร ตัวอย่างเช่น แสดงถึงจุดเริ่มต้น/จุดสิ้นสุดของส่วน

การสร้างเอกสารใหม่

ขณะที่เราทำงานกับ Pulsar editor เราจำเป็นต้องเปิดไฟล์ข้อความใหม่เพื่อจัดเก็บเอกสาร Markdown ของเรา จากหน้าต่างหลักไปที่ ไฟล์ >> ไฟล์ใหม่ หรือใช้ปุ่ม “ Ctrl + N ” แป้นพิมพ์ลัด

โปรแกรมแก้ไข Pulsar มาพร้อมกับคุณสมบัติแสดงตัวอย่าง Markdown แบบสด หากต้องการเปิดใช้งานการแสดงตัวอย่างแบบสด ให้ไปที่ แพ็คเกจ >> การแสดงตัวอย่าง Markdown >> การแสดงตัวอย่างแบบสลับ . หรือใช้ปุ่ม “ Ctrl + Shift + M ” แป้นพิมพ์ลัด

การสร้างเส้นแนวนอน

ใน Markdown มีไวยากรณ์สองสามรายการที่ใช้แทนเส้นแนวนอน:

• ***
• —
• ___

ทั้งหมดนี้จะให้ผลลัพธ์ที่คล้ายคลึงกัน

ในการสาธิต ให้คัดลอกและวางโค้ดต่อไปนี้ในโปรแกรมแก้ไขข้อความ:

ที่นี่:

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

ขอแนะนำให้ใช้การเว้นวรรคดังกล่าว เนื่องจากสัญลักษณ์ “—” ที่ไม่มีการเว้นวรรคหมายถึงหัวเรื่อง:

การสร้างเส้นแนวนอนโดยใช้ HTML

หากคุณเคยทำงานกับ HTML มาก่อน คุณอาจคุ้นเคยกับ <ชม. /> เพื่อสร้างเส้นแนวนอน นอกจากนี้ยังทำงานใน Markdown

ตรวจสอบรหัสต่อไปนี้:

ที่นี่:

• เราใช้การจัดรูปแบบ H2 สำหรับข้อความ
• เดอะ <ชม. /> แท็กสร้างเส้นแนวนอนในการแสดงผลการแสดงผล

ข้อดีอย่างหนึ่งที่น่าสนใจของแนวทางนี้คือ คุณไม่จำเป็นต้องกังวลเกี่ยวกับการสร้างหัวข้อโดยไม่ตั้งใจ

เดอะ <ชม. /> แท็กยังอนุญาตให้ปรับแต่งคุณสมบัติต่างๆ ของเอาต์พุต ตัวอย่างเช่น สี ความกว้าง ฯลฯ ลองดูตัวอย่างต่อไปนี้:

ที่นี่:

• ตัวอย่างทั้งหมดใช้ CSS เพื่อทำให้เส้นแนวนอนมีสไตล์
• ในตัวอย่างแรก เราสร้างเส้นแนวนอนที่มีสีเรียบง่าย
• ในตัวอย่างที่สอง เราสร้างเส้นประแนวนอน
• ในตัวอย่างที่สาม เราสร้างเส้นแนวนอนแบบโค้งมน

หากต้องการเรียนรู้เพิ่มเติม โปรดดู แท็ก

การส่งออก Markdown เป็น HTML

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

หากต้องการคัดลอกเอาต์พุตที่แสดงผลเป็น HTML ให้คลิกขวาที่หน้าต่างแสดงตัวอย่างแล้วเลือก 'คัดลอกเป็น HTML'

HTML ผลลัพธ์มีลักษณะดังนี้:

บทสรุป

เราได้พูดคุยเกี่ยวกับการสร้างเส้นแนวนอนใน Markdown เราจัดแสดงโดยใช้ทั้งไวยากรณ์ Markdown ในตัวและไวยากรณ์ HTML เพื่อสร้างเส้นแนวนอน

สนใจเรียนรู้เพิ่มเติมเกี่ยวกับ Markdown หรือไม่? ตรวจสอบที่ หมวดหมู่ย่อยของ Markdown .