Paragraf HTML

Elemen HTML <p> mendefinisikan sebuah paragraf.
Contoh
<p> Ini adalah paragraf </ p>
<p> Ini adalah paragraf lain </ p>
Catatan Browser secara otomatis menambahkan beberapa spasi putih sebelum dan sesudah paragraf.

Tampilan HTML

Anda tidak bisa memastikan bagaimana HTML akan ditampilkan.

Layar besar atau kecil, dan jendela ukuran akan menciptakan hasil yang berbeda.

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

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

Sejumlah ruang, dan sejumlah baris baru, dihitung hanya sebagai satu spasi.

Contoh
<p>
Paragraf ini
Berisi banyak baris
Dalam kode sumbernya,
Tapi browsernya
Mengabaikannya
</ p>

<p>
Paragraf ini
Berisi banyak ruang
Dalam kode sumbernya,
Tapi browsernya
Mengabaikannya
</ p>
Jangan Lupakan Tag Akhir

Sebagian besar browser akan menampilkan HTML dengan benar meskipun Anda lupa tag akhir:
Contoh
<p> Ini adalah paragraf
<p> Ini adalah paragraf lain

Contoh di atas akan bekerja di sebagian besar browser, tapi jangan mengandalkannya.

Melupakan tag akhir bisa menghasilkan hasil atau kesalahan yang tidak diharapkan.
Perhatikan Versi HTML yang lebih ketat, seperti XHTML, jangan biarkan Anda melewatkan tag akhir.
Istirahat baris HTML

Elemen HTML <br> mendefinisikan jeda baris.

Gunakan <br> jika Anda menginginkan jeda baris (baris baru) tanpa memulai paragraf baru:
Contoh
<p> Ini adalah grafik para para dengan jeda baris </ p>

Elemen <br> adalah elemen HTML kosong. Tidak ada tag akhir.
Masalah Puisi

Puisi ini akan ditampilkan sebagai satu baris:
Contoh
<p>
  Bonnie saya terletak di atas lautan.

  Bonnie-ku terletak di atas laut.

  Bonnie saya terletak di atas lautan.

  Oh, bawalah Bonnie-ku ke rumahku.
</ p>
Elemen HTML <pre>

Elemen HTML <pre> mendefinisikan teks terformat.

Teks di dalam elemen <pre> ditampilkan dalam font fixed-width (biasanya Courier), dan ini menjaga kedua spasi dan jeda baris:
Contoh
<pre>
  Bonnie saya terletak di atas lautan.

  Bonnie-ku terletak di atas laut.

  Bonnie saya terletak di atas lautan.

  Oh, bawalah Bonnie-ku ke rumahku.
</ pre>

Referensi Tag HTML

Referensi tag kodelover berisi informasi tambahan tentang elemen HTML dan atributnya.
<p> Mendefinisikan sebuah paragraf
<br> Menyisipkan jeda baris tunggal
<pre> Mendefinisikan teks yang telah diformat

Share :

Tweet

✚

Related Post