Wednesday, September 9, 2015

Paragraf HTML

Dokumen HTML terdiri dari susunan paragraf, jadi saat anda menusliskan sebuah artikel sebagian besar tag yang digunakan adalah menggunakan susunan paragraf.


Elemen paragraf pada HTML menggunakan tag <p>

Contoh:

<p>Ini adalah sebuah paragraf</p>
<p>Ini adalah sebuah paragraf yang lain</p>

Browser secara otomatis akan menambahkan sebelum dan sesudah paragraf

Menampilkan HTML

Saat ditampilkan didalam browser, anda belum yakin bagaimana HTML akan ditampilkan. dan besar kecinya layar akan mempengaruhi pada hasil tampilan yang berbeda.
Besar atau kecilnya layar. anda tidak akan bisa lagi menambahkan spasi tambahan atau baris tambahan pada kode HTML anda. Karena browser akan menghapus spasi tambahan dan baris tambahan tersebut saat dokumen ditampilkan dalam browser.
Berapapun banyaknya spasi dan berapapun banyaknya baris akan dihitung hanya satu saja

Contoh:


<p>
Paragraf ini
berisi banyak garis
pada kode sumbernya,
tetapi browser 
mengabaikannya.
</p>

<p>
Paragraf ini
Berisi         banyak   spasi
pada          kode           sumbernya,
tetapi     browser
mengabaikannya.
</p>


Jangan lupa selalu pada Tag Penutup

Pada sebagian besar browser akan selalu menampilkan halaman HTML dengan benar meskipun anda lupa menuliskan tag penutupnya:

Contoh:

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

Penulisan paragrapf pada contoh diatas akan bekerja dengan baik pada semua browser, tetapi hal tersebut tidak dianjurkan.

Lupa saat menutup tag akan menyebabkan hasil yang berbeda atau akan terjadi kesalahan penulisan


Pada standart penulisan HTML yang ketat, seperti XHTML hal tersebut akan dianggap salah.


HTML Break Line


Elemen break line pada HTML didefinisikan dengan menggunakan tag <br>.
Gunakan <br> untuk membuat baris baru (atau istilahnya pindah baris/enter) pada dokumen HTML tanpa membuat paragraf baru:
Contoh:
<p>This is<br>a para<br>graph with line breaks</p>
Elemen HTML <br> adalah elemen HTML kosong. atau disebut self closing tag atau void tag. Sehingga tag ini tidak mempunyai tag penutup. 


Permasalahan POEM

Contoh:


<p>Poem ini akan ditampilkan hanya dalam satu baris:</p>
<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>

Elemen HTML <pre>

Elemen HTML <pre> mendefinisikan teks terformat.
Teks yang ada di dalam elemen <pre> biasanya ditampilkan dalam font fixed-width (sama dengan yang tertulis) dan mempertahankan lebar dan baris jeda:

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>


Referensi Tag HTML
Referensi tag kelasruguru berisi informasi tambahan tentang elemen HTML dan atribut-atributnya.

Tag
Description
Mendefinisikan sebuah paragraf
Memasukkan satu baris kosong
Mendefinisikan teks pre-formatted

Share this

0 Comment to "Paragraf HTML"

Post a Comment