Prasyarat:
Untuk melakukan langkah-langkah yang ditunjukkan dalam panduan ini, Anda memerlukan komponen berikut:
- Editor Markdown yang cocok. Misalnya, VSCodium , Tekan (garpu dari Atom ), atau editor markup online apa pun.
- Pemahaman dasar tentang Markdown (opsional).
Penurunan harga
Penurunan harga adalah bahasa markup populer yang memungkinkan penambahan berbagai elemen (judul, gambar, tabel, dll.) ke dokumen teks biasa. Selain sintaks bawaannya, Markdown juga mendukung berbagai tag HTML. Ini telah mendapatkan popularitas dari waktu ke waktu karena fitur-fiturnya yang menarik:
- Ringan : Dibandingkan dengan bahasa markup lainnya, Markdown sederhana dan ringan. Markdown standar tidak menyertakan banyak sintaks sambil mempertahankan beragam fiturnya.
- Portabilitas : Dokumen Markdown pada dasarnya adalah teks biasa. Dengan demikian, program apa pun dapat bekerja dengannya. Anda juga dapat membuat teks berformat Markdown di platform apa pun.
- Kepopuleran : Markdown digunakan untuk membuat website, dokumen, notes, email, dan lain-lain. Perusahaan besar seperti Reddit, GitHub, dll. Juga mendukung Markdown.
Garis Horizontal dalam Penurunan Harga
Di Markdown, garis horizontal muncul seperti ini:
Ada berbagai kesempatan di mana Anda mungkin ingin menambahkan garis horizontal dalam dokumen. Misalnya, menunjukkan awal/akhir suatu bagian.
Membuat Dokumen Baru
Saat kami bekerja dengan editor Pulsar, kami perlu membuka file teks baru untuk menyimpan dokumen Markdown kami. Dari jendela utama, pergi ke File >> File Baru atau gunakan “ Ctrl + N ” pintasan keyboard.
Editor Pulsar hadir dengan fitur pratinjau Markdown langsung. Untuk mengaktifkan pratinjau langsung, buka Paket >> Pratinjau Markdown >> Toggle Preview . Atau, gunakan “ Ctrl + Shift + M ” pintasan keyboard.
Membuat Garis Horizontal
Di Markdown, ada beberapa sintaks untuk menunjukkan garis horizontal:
- ***
- —
- ___
Semuanya akan menghasilkan output yang serupa.
Untuk mendemonstrasikan, salin dan tempel kode berikut ke editor teks:
# Halo Dunia___
# rubah coklat cepat
***
# melompati anjing malas
___
#123456789
Di Sini:
- Untuk visual yang lebih baik, kami menggunakan pemformatan H1 untuk setiap baris teks.
- Kami membuat tiga garis horizontal menggunakan tiga simbol berbeda.
- Ada baris baru sebelum dan sesudah setiap simbol garis horizontal.
Direkomendasikan untuk menggunakan spasi seperti itu karena simbol “—” tanpa spasi menunjukkan heading:
metode yang salah---
Halo Dunia
Membuat Garis Horizontal Menggunakan HTML
Jika Anda bekerja dengan HTML sebelumnya, Anda mungkin sudah familiar dengan
Lihat kode berikut:
## Halo Dunia< jam />
Di Sini:
- Kami menggunakan format H2 untuk teks.
- Itu
tag menghasilkan garis horizontal dalam output yang diberikan.
Salah satu manfaat menarik dari pendekatan ini adalah Anda tidak perlu khawatir membuat tajuk secara tidak sengaja.
Itu
< gaya jam = 'batas: 3px hijau pekat' />
## contoh 2
< gaya jam = 'batas: 9px putus-putus merah' />
## contoh 3
< gaya jam = 'perbatasan: padat 9px; radius batas:9px; tinggi:33px' />
Di Sini:
- Semua contoh menggabungkan CSS untuk mengatur gaya garis horizontal.
- Pada contoh pertama, kami membuat garis horizontal berwarna sederhana.
- Pada contoh kedua, kami membuat garis horizontal putus-putus.
- Pada contoh ketiga, kami membuat garis horizontal bulat.
Untuk mempelajari lebih lanjut, lihat tag
dalam HTML .
Mengekspor Markdown sebagai HTML
Dengan alat yang tepat, dokumen berformat Markdown dapat diubah menjadi HTML. Editor Pulsar hadir dengan fitur bawaan ini.
Untuk menyalin keluaran yang diberikan sebagai HTML, klik kanan pada jendela pratinjau dan pilih 'Salin sebagai HTML'.
HTML yang dihasilkan terlihat seperti ini:
Kesimpulan
Kami membahas tentang membuat garis horizontal di Markdown. Kami memamerkan menggunakan sintaks Markdown bawaan dan sintaks HTML untuk membuat garis horizontal.
Tertarik untuk mempelajari lebih lanjut tentang Markdown? Lihat Sub-kategori penurunan harga .