Cara menggunakan br di html

Selamat malam sodara-sodara, dalam artikel kali ini saya akan mencoba membahas Cara Membuat Paragraf dan Baris Baru di HTML. Biasanya kita untuk membuat paragraf baru yaitu dengan cara menekan tombol Enter pada keyboard maka teks yang kita tulis akan membentuk sebuah paragraf atau teks akan muncul di baris baru. Bagaimana dengan kode HTML? Apakah sama seperti yang kita lakukan seperti biasanya? Untuk mempraktekannya anda coba ketikan kode HTML dibawah ini.

Table of Contents Show

Membuat Baris Baru menggunakan Tag
Membuat Baris Baru dengan Kode Tag <hr/>
BR di HTML untuk apa?
Apa itu br />?
Bagaimana cara membuat paragraf pada HTML?
Bagaimana cara membuat heading pada HTML?

<html>
<head>
<title> Paragraf dan Baris Baru HTML</title>
</head>
<body>
Ini adalah paragraf pertama
Ini adalah paragraf kedua
</body>
</html>

Setelah selesai menuliskan teks diatas, simpan dengan nama paragraf.html di folder tempat menyimpan file-file html sebelumnya. Lalu jalankan file HTML tersebut maka tampilannya akan terlihat seperti dibawah ini.

Seperti yang anda lihat pada tampilan diatas, untuk pembuatan paragraf dalam HTML berbeda dengan cara kita membuatnya dengan menekan tombol enter. Untuk membuat paragraf dalam HTML kita bisa menambahkan tag  diawal paragraf dan menutupnya dengan tag </p> diakhir paragraf. Kita bisa mengedit kode html diatas dengan menambahkan tagparagraf seperti dibawah ini.

<html>
<head>
<title> Paragraf dan Baris Baru HTML</title>
</head>
<body>
Ini adalah paragraf pertama
Ini adalah paragraf kedua
</body>
</html>

Setelah selesai kemudian pilih save, lalu anda buka file tersebut di browser maka tampilannya seperti berikut.

Jika kita perhatikan, setelah kita menambahkan tag diawal teks maka teks tersebut akan membentuk paragraf secara otomatis dan penekanan tombol enter tidak berlaku dalam penulisan kode html.

Nah, sekarang bagaimana caranya kita membuat baris baru? Dalam hal ini tidak jauh berbeda saat kita membuat paragraf, anda tinggal menambahkan tag <br> diawal teks dan diakhiri dengan tag </br>. Tag   ini berfungsi untuk membuat baris baru dalam html. Untuk lebih jelasnya anda ketikan kode html dibawah ini.

<html>
<head>
<title> Paragraf dan Baris Baru HTML</title>
</head>
<body>
 Ini adalah baris pertama
 Ini adalah baris kedua
</body>
</html>

Simpan kode diatas dengan nama baris.html, kemudian lihat hasilnya di browser anda maka tampilannya akan seperti ini.

Bagaimana, mudah bukan pemirsa? hehe..
Demikianlah artikel Cara Membuat Paragraf dan Baris Baru di HTML, saya haraf anda paham semua dengan penjelasan diatas. Bagi anda yang belum paham bisa tanyakan langsung dikolom komentar. Terima kasih.

Demo Blog NJW V2 Updated at: 21:38:00

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 agar tulisan tidak berantakan, namun adakalanya kita membutuhkan tag BR atau HR, Agar mendapatkan baris baru yang lebih.

Kedua tag break dan horizontal ini memiliki kesamaan fungsi, yaitu memberikan baris baru, cuma bedanya yaitu pada bentuk tampilan dan penulisannya. Jika menggunkan tag 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… 
…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 . sedangkan pada kode tag ini bersifat mandiri, Yaitu langsung menggunakan tag slash pada tag pertama.

Membuat Baris Baru menggunakan Tag

Untuk melihat fungsi dari tag Break Ruler ( ), 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 akan membuat tulisan menjadi baris Baru.

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

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>

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

Artikel sebelumnya yaitu tentang :

Font HTML : Mengubah Jenis, Warna & Ukuran Text

BR di HTML untuk apa?

Fungsi utama tag adalah untuk membuat baris baru. Contoh: Misalkan kita ingin menampilkan pantun, bisa saja kita buat seperti ini di dengan tag . Meskipun pada kode HTML kita sudah menulis tiap bait pantun dalam baris yang baru.

Apa itu br />?

Pengertian Tag adalah tag yang di sediakan pada html untuk membuat baris baru atau sering dan lebih mudah di sebut dengan membuat enter.

Bagaimana cara membuat paragraf pada HTML?

Membuat Paragraf di HTML Paragraf pada HTML dibuat dengan tag . Selain tag ini, ada juga tag pendukung lain seperti <div> , <hr> , , dan <pre> .

Bagaimana cara membuat heading pada HTML?

Cara Membuat Heading di HTML Judul pada HTML dapat kita buat dengan tag sampai . Tag digunakan pada judul level pertama. Lalu tag lainnya digunakan pada sub heading atau level berikutnya. Masing-masing judul akan ditampilkan dengan ukuran teks yang bebeda.