Senin, 07 Januari 2019

Cara Membuat Garis Baru dengan HTML

Dalam membuat baris baru dalam penulisan HTML, tidak seperti membuat baris baru pada penulis di Ms Word yaitu menggunakan "ENTER". HTML tidak membaca spasi untuk membuat spasi tambahan maupun enter untuk membuat baris baru (ganti baris).

Untuk membuat baris baru (ganti baris) dalam penulisan HTML baik dalam pembuatan postingan di mode "HTM" maupun dalam pembuatan template atau Edit Template, kita bisa menggunakan Tag Line Break <br /> atau bisa juga ditulis <br>

Contoh penulisan di HTML menggunakan Enter, seperti berikut :

Ini merupakan contoh teks yang Pertama
Ini merupakan contoh teks yang Kedua
Ini merupakan contoh teks yang Ketiga

Hasil tampil di browser :

Ini merupakan contoh teks yang Pertama Ini merupakan contoh teks yang Kedua Ini merupakan contoh teks yang Ketiga

Hasilnya yaitu dari ketiga baris tersebut maka tampil di web browser menjadi satu baris. Hal ini dikarenakan html HTML tidak membaca baris baru dengan menggunakan enter (walaupun beberapa kali di enter) tetap saja akan menjadi satu baris. Untuk membuat baris baru atau ganti baris kita bisa menggunakan Tag <br />

Contoh penulisan di HTML, seperti berikut :

Ini merupakan contoh teks yang Pertama<br />
Ini merupakan contoh teks yang Kedua<br />
Ini merupakan contoh teks yang Ketiga

atau

Ini merupakan contoh teks yang Pertama
<br />
Ini merupakan contoh teks yang Kedua
<br>
Ini merupakan contoh teks yang Ketiga

Hasil tampilan di browser, seperti berikut :

Ini merupakan contoh teks yang Pertama
Ini merupakan contoh teks yang Kedua
Ini merupakan contoh teks yang Ketiga

Apabila jarak antar baris tersebut kurang lebar, kita bisa menambahkan lagi Tag <br /> atau <br> sesuai keinginan.

Ini merupakan contoh teks yang Pertama
<br /><br />
Ini merupakan contoh teks yang Kedua
<br /><br />
Ini merupakan contoh teks yang Ketiga

Hasil tampilan di browser, seperti berikut :

Ini merupakan contoh teks yang Pertama

Ini merupakan contoh teks yang Kedua

Ini merupakan contoh teks yang Ketiga


Tidak ada komentar:

Posting Komentar

silahkan anda berkomentar dengan kata-kata yang sopan dan membangun