Pengaturan Paragraf pada HTML

HTML Paragraf

Dokumen HTML dibagi menjadi paragraf.
HTML Paragraf

HTML <p> mendefinisikan sebuah paragraf.
Contoh
<P> Ini adalah sebuah paragraf </ p>
<P> Ini adalah paragraf lain </ p>

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

Anda tidak bisa yakin bagaimana HTML akan ditampilkan.

Besar atau kecil layar, dan jendela ukurannya akan menciptakan hasil yang berbeda.

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

Browser akan menghapus spasi ekstra dan garis ekstra saat halaman ditampilkan.

Sejumlah ruang, dan sejumlah jalur baru, dihitung sebagai satu ruang.
Contoh
<P>
Ayat ini
mengandung banyak baris
dalam kode sumber,
tapi browser
mengabaikannya.
</ P>

<P>
Ayat ini
mengandung banyak ruang
dalam kode sumber,
tapi browser
mengabaikannya.
</ P>

Jangan Lupakan Tag Akhir

Kebanyakan browser akan menampilkan HTML dengan benar bahkan jika Anda lupa tag akhir:
Contoh
<P> Ini adalah sebuah paragraf
<P> Ini adalah paragraf lain

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 versi ketat dari HTML, XHTML seperti, tidak memungkinkan Anda untuk melewatkan tag akhir.
Breaks HTML Baris

HTML <br> elemen mendefinisikan satu baris.

Gunakan Situs jika Anda ingin istirahat baris (baris baru) tanpa memulai sebuah paragraf baru:
Contoh
<P> Ini <br> para sebuah <br> grafik dengan jeda baris </ p>

Jaringan unsur adalah elemen HTML yang kosong. Tidak memiliki tag akhir.
The Poem Masalah
Contoh
<P> puisi ini akan ditampilkan sebagai satu baris: </ p>
<P>
  Bonnie saya terletak di atas lautan.

  Bonnie saya terletak di atas laut.

  Bonnie saya terletak di atas lautan.

  Oh, membawa kembali Bonnie saya untuk saya.
</ P>

HTML <pre> Elemen

HTML <pre> elemen mendefinisikan teks terformat.

Teks di dalam <pre> elemen ditampilkan dalam font fixed-width (biasanya Kurir), dan mempertahankan kedua ruang dan jeda baris:
Contoh
<Pre>
  Bonnie saya terletak di atas lautan.

  Bonnie saya terletak di atas laut.

  Bonnie saya terletak di atas lautan.

  Oh, membawa kembali Bonnie saya untuk saya.
</ Pre>

Uji Diri dengan Latihan!

Latihan 1 »Latihan 2» Latihan 3 »Latihan 4»
HTML Tag Referensi

Referensi tag W3Schools 'berisi informasi tambahan tentang elemen HTML dan atribut mereka.
Tag Deskripsi
<P> Mendefinisikan paragraf
Situs Menyisipkan garis break
<Pre> Mendefinisikan pra-diformat teks