Tutorial HTML 4 - Mengatasi Masalah Pemformatan Pada HTML

Pada tutorial HTML sebelumnya terdapat masalah pada pemformatan paragraf, yaitu jika kita memberi spasi lebih maka hasilnya hanya akan menghasilkan satu spasi saja. Begitupun dengan baris baru, berapa kalipun kita menekan tombol enter untuk memberi baris baru pada dokumen yang kita ketik, malah yang dihasilkan hanya spasi saja (satu spasi).

Lihat contoh kode HTML di bawah

<html>
<body>

<p>Spasi lebih.           spasi lebih.          spasi lebih.           spasi lebih.</p>
<p>
Baris baru lebih.



baris baru lebih.



baris baru lebih.



baris baru lebih.
</p>



<p>Baris baru lebih antar paragraf</p>

</html>
</html>

Kode HTML di atas akan menghasilkan seperti ini

masalah pemformatan pada html










Nah penasaran kan kenapa hasilnya begitu? Ok langsung saja

Spasi

Untuk membuat spasi pada HTML,  kita harus menggunakan kode entitas HTML  untuk menggantikan spasi yaitu dengan mengetik nama entitas spasi &nbsp; atau nomor entitas untuk spasi yaitu &#160;,

Peraktekan contoh dibawah dan lihat hasilnya

<html>
<body>

<p>Spasi lebih.&nbsp;&nbsp;&nbsp;&nbsp;spasi lebih.&#160;&#160;&#160;&#160;spasi lebih.&nbsp;&nbsp;&#160;&#160;spasi lebih.</p>

</body>
</html>


Untuk entitas karakter HTML lainnya, kita akan pelajari di lain waktu


Baris Baru


Seperti di jelaskan diatas, menekan tombol Enter untuk membuat baris baru hanya akan menghasilkan spasi.
Membuat baris baru pada HTML memerlukan sebuah tag yaitu <br />


<html>
<body>

<p>Baris baru lebih.<br /><br /><br />Baris baru lebih.<br /><br /><br />baris baru lebih</p> 

</body>
</html>


Garis Horizontal

Untuk membuat garis horizontal kita memerlukan tag <hr />

Coba lihat hasil dari kode di bawah

<html>
<body>

<p>Dibawah terdapat garis horizontal yang membatasi<hr /></p>
<hr />
<p>garis horizontal di atas</p> 



</body>
</html>



Catatan: Tag br dan hr termasuk tag tunggal, jadi tambahkan garis miring pada tag tersebut seperti ini <br />,<hr />.
Walaupun <br> dan <hr> dapat berjalan di semua browser, tapi menulis <br /> atau <hr /> akan lebih baik, karena pada XML dan XHTML, elemen tanpa tag penutup tidak di izinkan.



coba kode html di sini


2 komentar:

Jefry mengatakan...

terima kasih tutorialnya

amaterasublog.com mengatakan...

Tutorial yang sangat bermanfaat min...

Posting Komentar

 
© 2012 Alusplus | Blogger.com