HTML Paragraf

Dokumen HTML dibagi ke dalam paragraf.


HTML Paragraf

Paragraf didefinisikan dengan tag <p>.

Contoh

<p>This is a paragraph</p>
<p>This is another paragraph</p>

Catatan: Browser secara otomatis menambahkan baris kosong sebelum dan sesudah paragraf.


Jangan Lupakan Tag Akhir

Kebanyakan browser akan menampilkan HTML dengan benar bahkan jika Anda lupa tag akhir:

Contoh

<p>This is a paragraph
<p>This is another paragraph

Contoh di atas akan bekerja di hampir semua browser, tetapi tidak bergantung pada itu. Melupakan tag akhir dapat menghasilkan hasil yang tidak diharapkan atau kesalahan.

Catatan: Masa Depan versi HTML tidak akan memungkinkan Anda untuk melewatkan tag akhir.


HTML Jalur Breaks

Gunakan tag <br> jika Anda ingin istirahat baris (baris baru) tanpa memulai paragraf baru:

Contoh

<p>This is<br>a para<br>graph with line breaks</p>

Unsur <br> merupakan elemen HTML yang kosong. Ia tidak memiliki tag akhir.


HTML Output – Tips Berguna

Anda tidak bisa yakin bagaimana HTML akan ditampilkan. Layar besar atau kecil, dan jendela ukurannya akan menciptakan hasil yang berbeda.

Dengan HTML, Anda tidak dapat mengubah output dengan menambahkan spasi ekstra atau baris ekstra dalam kode HTML Anda.

Browser akan menghapus spasi ekstra dan garis ekstra saat halaman ditampilkan. Setiap jumlah baris dihitung sebagai satu baris, dan sejumlah ruang dihitung sebagai satu spasi.

(Contoh ini menunjukkan beberapa masalah format HTML)


clip_image001

Contoh dari halaman ini

HTML paragraf
Bagaimana paragraf HTML yang ditampilkan dalam browser.

Baris istirahat
Penggunaan jeda baris dalam dokumen HTML.

Puisi masalah
Beberapa masalah dengan format HTML.

Lebih Contoh

Lebih paragraf
Perilaku default paragraf.


HTML Tag Referensi

Referensi tag W3Schools ‘berisi informasi tambahan tentang elemen HTML dan atribut mereka.

Label

Deskripsi

<p>

Mendefinisikan paragraf

<br>

Menyisipkan istirahat baris

Iklan

Orang baik akan berkomentar yang baik

Please log in using one of these methods to post your comment:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s