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.
<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 <p> 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>
<p>Ini adalah paragraf pertama</p>
<p>Ini adalah paragraf kedua</p>
</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 <p> 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 <br> 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>
<br>Ini adalah baris pertama</br>
<br>Ini adalah baris kedua</br>
</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 <p> 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 <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/> 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. 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. Penjelasan kode : kode tag <br/> akan membuat tulisan menjadi baris Baru.
…content…<hr/>Membuat Baris Baru menggunakan Tag <br/>
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