Membuat Garis Baru dengan Kode 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 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 /> 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



Demikian Catatan Kecil tentang :
Terima kasih atas kunjungannya dan "Selamat Berkreasi Semoga Sukses"

Selanjutnya 
« Prev Post
 Sebelumnya
Next Post »

Catatan Terkait



Tidak ada komentar:

Posting Komentar

Silahkan tulis komentar / saran-sarang yang membangun di sini !

Membuat Garis Baru dengan Kode HTML