Garis Horizontal atau garis datar biasanya dibuat untuk memisahkan antara judul dengan deskripsi, postingan 1 dengan postingan 2, 3 dan seterusnya, memisahkan paragraf dengan paragraf yang berbeda topik dan lain-lain.

Cara Menambahkan Garis Horisontal (datar) pada Postingan Blogger Blogspot Post

Garis horizontal (atau, horisontal aturan) adalah garis yang dapat dibuat

• Dengan panjang/lebar yang berbeda-beda,
• Bisa disimpan sejajar di sebelah kiri, tengah, atau kanan,
• Dengan ketebalan berbeda (atau ukuran),
• Dengan warna yang berbeda,
• Garis bentuk padat atau putus-putus, dan lain-lain

Untuk menambahkan garis horizontal di posting Blogger Blogspot, Anda harus masuk ke edit pos dan masuk ke edit HTML:

Artikel ini disusun oleh tim penyunting terlatih dan peneliti yang memastikan keakuratan dan kelengkapannya.

Tim Manajemen Konten wikiHow memantau hasil penyuntingan staf kami secara saksama untuk menjamin artikel yang berkualitas tinggi.

Artikel ini telah dilihat 10.056 kali.

Artikel wikiHow ini akan mengajarkan kepada Anda cara membuat garis horizontal dalam HTML dan CSS. Garis horizontal (dikenal juga dengan istilah horizontal rule) dapat digunakan untuk memisahkan sebagian teks dari konten lain pada situs web. Cara terkini untuk menambahkan garis pada dokumen HTML adalah menggunakan kode CSS dan HTML5. Namun, untuk saat ini Anda juga bisa bisa menggunakan penanda HTML "HR".

Langkah

1. Buka atau buat dokumen HTML baru. Dokumen HTML bisa disunting menggunakan program penyunting teks seperti Notepad. Anda juga bisa memanfaatkan program penyunting kode seperti Adobe Dreamweaver. Ikuti langkah-langkah berikut untuk membuka dokumen HTML pada program yang diinginkan:

   • Buka Notepad atau program penyunting teks/kode yang diinginkan.
   • Klik menu “File”.
   • Klik “Open”.
   • Pilih berkas HTML.
   • Klik “Open”.

2. Tambahkan kepala dokumen HTML. Jika dokumen belum memiliki kepala, ikuti langkah-langkah berikut untuk menambahkannya. Bagian kepala ditambahkan setelah penanda "" dan sebelum penanda "".

   • Tikkan di bagian atas dokumen.
   • Tekan tombol “Enter” dua kali untuk menambahkan dua baris baru.
   • Tikkan untuk mengakhiri bagian kepala dokumen.

3. Tikkan . Baris baru akan dibuat dan penanda penutup segmen gaya HTML akan ditambahkan. Penanda "" dimasukkan setelah Anda selesai memasukkan semua elemen HTML yang dibutuhkan untuk menyesuaikan gaya/tampilan halaman dengan CSS.

4. Tikkan

   ---

   di mana pun pada bagian tubuh atau utama dokumen HTML. Bagian tubuh atau utama HTML berada di antara penanda "" dan "". Garis horizontal akan ditambahkan ke dokumen HTML. Pengaturan gaya CSS yang sebelumnya ditetapkan akan diterapkan setiap kali Anda menambahkan penanda

   ---

   pada dokumen HTML.

5. Simpan berkas HTML. Untuk menyimpan berkas teks sebagai dokumen HTML, Anda perlu mengganti ekstensi berkas (mis. “.txt” atau “.docx”) dengan ".html". Ikuti langkah-langkah berikut untuk menyimpan dokumen HTML:

   • Klik menu “File”.
   • Klik “Save As” jika Anda membuat berkas HTML baru. Klik “Save” untuk menyimpan perubahan pada berkas HTML yang sudah ada.
   • Tikkan nama berkas pada kolom "File name".
   • Tikkan ".html" di akhir nama berkas.
   • Klik “Save”.

6. Uji dokumen HTML. Untuk menguji dokumen, klik kanan berkas dan pilih “Open with”. Setelah itu, pilih peramban web. Garis horizontal solid akan ditempatkan pada bagian yang Anda tambahi penanda "hr". Secara keseluruhan, kode HTML yang Anda masukkan akan tampak seperti ini:

   
   
   
   
   
   
   
   Ini adalah tajuk halaman
   
   
   
   Ini adalah paragraf yang dipisahkan oleh garis horizontal
   
   
   
   

1. Buka atau buat dokumen HTML baru. Dokumen HTML bisa disunting menggunakan program penyunting teks seperti Notepad. Anda juga bisa memanfaatkan program penyunting kode seperti Adobe Dreamweaver. Ikuti langkah-langkah berikut untuk membuka dokumen HTML pada program yang diinginkan:

   • Buka Notepad atau program penyunting teks/kode yang diinginkan.
   • Klik menu “File”.
   • Klik “Open”.
   • Pilih berkas HTML.
   • Klik “Open”.

2. Pilih bagian yang ingin ditambahi garis. Geser layar hingga Anda menemukan ruang atau baris yang ingin ditambahi garis, di atas paragraf atau teks tertentu. Setelah itu, klik ujung kiri baris untuk menempatkan kursor tepat sebelum awal baris.

3. Tekan tombol ↵ Enter dua kali untuk membuat baris kosong. Teks yang akan diawali dengan garis horizontal akan digeser ke bawah.

4. Pindahkan kembali kursor ke bagian yang ingin ditambahi garis. Cukup klik area tersebut atau gunakan tombol panah pada kibor untuk memindahkan kembali kursor ke bagian yang Anda ingin tambahi garis.

   Bagaimana cara membuat garis horizontal di HTML?

   Membuat Garis Horizontal di HTML Dalam pemrograman bahasa HTML membuat sebuah garis horizontal terbilang cukup mudah. Karena Anda hanya perlu memasukkan satu tag HTML saja dan tadaa jadilah garis horizontal tersebut. Tag tersebut adalah tag <hr> atau biasa disebut sebagai horizontal ruler.

   Tag elemen apakah yang digunakan untuk membuat garis horizontal pada HTML?

   Tag <hr> merupakan tag yang digunakan untuk membuat garis lurus secara horizontal (horizontal rule). Biasanya digunakan untuk memisahkan beberapa konten atau paragraf.

   Bagaimana cara membuat garis horizontal?

   Membuat Garis Horizontal dengan Karakter Sama dengan (=) Letakan kursor di tempat dimana garis horisontal akan dibuat. Ketik karakter sama dengan (=) sebanyak tiga kali, lalu tekan enter.

   HR di HTML untuk apa?

   HTML elemen tag <hr> (horizontal rule) merupakan elemen pada HTML yang digunakan untuk membuat garis datar memanjang secara horisontal. Elemen <hr> sering digunakan saat terjadi perubahan tema bahasan pada level elemen paragraf sehingga diperlukan sebuah garis horisontal sebagai pemisah dengan bagian di bawahnya.