tutorial pengembangan web terbaru

HTML Paragraf


Dokumen HTML dibagi ke dalam paragraf.


HTML Paragraf

HTML <p> elemen mendefinisikan sebuah paragraf.

Contoh

<p>This is a paragraph</p>
<p>This is another paragraph</p>
Cobalah sendiri "

Browser secara otomatis menambahkan beberapa ruang putih sebelum dan sesudah paragraf.


Tampilan HTML

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 ekstra dalam kode HTML Anda.

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

Setiap jumlah ruang, dan sejumlah jalur baru, dihitung sebagai satu ruang.

Contoh

<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>

<p>
This paragraph
contains         a lot of spaces
in the source         code,
but the        browser
ignores it.
</p>
Cobalah sendiri "

Jangan Lupakan End Tag

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

Contoh

<p>This is a paragraph
<p>This is another paragraph
Cobalah sendiri "

Contoh di atas akan bekerja di sebagian besar browser, tetapi tidak bergantung pada itu.

Melupakan tag akhir dapat menghasilkan hasil yang tidak diharapkan atau kesalahan.

versi ketat dari HTML, seperti XHTML, tidak memungkinkan Anda untuk melewatkan tag akhir.


Breaks HTML Baris

HTML <br> elemen mendefinisikan satu baris.

Gunakan <br> jika Anda ingin istirahat baris (a new line) tanpa memulai sebuah paragraf baru:

Contoh

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

The <br> elemen adalah elemen HTML yang kosong. Tidak memiliki tag akhir.


Puisi Masalah

puisi ini akan ditampilkan sebagai satu baris:

Contoh

<p>
  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.
</p>
Cobalah sendiri "

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>
  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.
</pre>
Cobalah sendiri "

Uji Diri dengan Latihan!

Latihan 1 » Latihan 2» Latihan 3 » Latihan 4»


HTML Tag Referensi

w3ii' referensi tag berisi informasi tambahan tentang elemen HTML dan atribut mereka.

Menandai Deskripsi
<p> Mendefinisikan sebuah paragraf
<br> Menyisipkan satu baris tunggal
<pre> Mendefinisikan pra-diformat teks