Cara Membuat Baris Baru di HTML ( br / hr )

Salam belajar HTML semuanya kali ini kita akan melanjutkan study kita, Bahasan kali ini yaitu tentang cara membuat baris baru di HTML, Yaitu dengan tag break dan horizontal. meskipun dalam text, Kita menggunakan tag paragraf <p> agar tulisan tidak berantakan, namun adakalanya kita membutuhkan tag BR atau HR, Agar mendapatkan baris baru yang lebih.

Cara Membuat Baris Baru di HTML

 

Kedua tag break dan horizontal ini memiliki kesamaan fungsi, yaitu memberikan baris baru, cuma bedanya yaitu pada bentuk tampilan dan penulisannya. Jika menggunkan tag <br /> untuk baris baru, maka dalam tampilan halaman akan tampak adanya baris baru saja. Namun jika kita menggunakan tag <hr/>, Maka tampilan halaman akan terlihat adanya garis lurus dibawah baris.

Berikut ini merupakan contoh penulisan dari tag baris baru ini :

…content…<br/>
…content…<hr/>

Kode ini tampak berbeda bukan dengan kode tag lainnya ?, jika tag HTML yang lain, untuk menutup fungsi, memerlukan tag kedua yang disertai slash seperti </p>. sedangkan pada kode tag ini bersifat mandiri, Yaitu langsung menggunakan tag slash pada tag pertama.

Membuat Baris Baru menggunakan Tag <br/>

Untuk melihat fungsi dari tag Break Ruler (<br/>), Mari kita langsung saja sisipkan pada kode HTML. Silahkan buka text editornya, dan ketikan kode HTML berikut ini.

<html>
<head>
<title> mencoba belajar tag break line </title>
</head>
<body>

MENU MAKAN<br>nasi<br>ikan<br>jus lemon<br>dan besi berkarat<br>tak lupa emas sebagai pencuci mulut

</body>
</html>

 

Penjelasan kode :

kode tag <br/> akan membuat tulisan menjadi baris Baru.

Sekarang simpan kode tersebut denga akhiran ekstensi “.html”, kurang lebih hasilnya akan seperti dibawah ini :

membuat garis baru dengan break ruler (<br/>)

Membuat Baris Baru dengan Kode Tag <hr/>

Mari kita lihat contoh penggunaan tag horizontal ruler / line berikut ini. terlebih dahulu buka aplikasi editornya, dan ketikan kode perintah HTML berikut.
<html>
<head>
<title>belajar horisontal line </title>
</head>
<body>

BIODATA<hr>Nama; ari prayogi putra <hr> t/t/l ;tasikmalaya, 2026 <hr>umur : seumur jagung <hr>jodoh; mudah mudahan ada amiin

</body>
</html>

 

See also  Cara membuat daftar list di html

Simpan file tersebut. kurang lebih hasil dari penggunaan tag horizontal ruler, akan tampak seperti gambar berikut ini :

penggunaan tag horizontal ruler (</hr>)

Artikel sebelumnya yaitu tentang :

Font HTML : Mengubah Jenis, Warna & Ukuran Text