HTML – Paragraf

Paragraf HTML

Dalam membuat sebuah Paragraf  HTML,  tag yang digunakan adalah  <p> </p>. Dengan menggunakan tag ini, maka browser secara otomatis akan memasukkan garis/space kosong di bagian atas dan bawah paragraf.

berikut merupakan contoh ebuah paragraf :

<p>ini paragarf pertama</p>
<p>ini paragraf kedua</p>
<p>ini paragraf ketiga</p>

script diatas akan memberikan tampilan sebagai berikut:

ini paragarf pertama

ini paragraf kedua

ini paragraf ketiga

Didalam paragraf pada HTML biasanya terdapat beberapa atribut dan tag untuk mempercantik paragraf tersebut. atribut dan tag tersebut diantaranya adalah atribut yang digunakan untuk pemerataan. atribut untuk pemerataan suatu paragraf bisa menggunakan atribut align=”…” (pada … dapat disi 4 jenis pemerataan yaitu left, center, right, dan justify.)

contoh penggunaan atribut align pada suatu paragraf HTML

<p align="left"> paragraf pertama ini menggunakan atribut align kiri  agar terlihat 
jelas perbedaannya maka paragraf ini dibuat lebih dari satu baris</p>
<p align="right"> paragraf kedua ini menggunakan atribut align  kanan  agar terlihat 
jelas perbedaannya maka paragraf ini dibuat lebih dari satu baris</p>
<p align="center"> paragraf ketiga ini menggunakan atribut align  tengah  agar terlihat 
jelas perbedaannya maka paragraf ini dibuat lebih dari satu baris</p>
<p align="justify"> paragraf pertama ini menggunakan atribut align rata tiap baris 
 agar terlihat jelas perbedaannya maka paragraf ini dibuat lebih dari satu baris</p>

hasil dari scrip diatas adalah sebagai berikut:

paragraf pertama ini menggunakan atribut align kiri agar terlihat jelas perbedaannya maka paragraf ini dibuat lebih dari satu baris

paragraf kedua ini menggunakan atribut align kanan agar terlihat jelas perbedaannya maka paragraf ini dibuat lebih dari satu baris

paragraf ketiga ini menggunakan atribut align tengah agar terlihat jelas perbedaannya maka paragraf ini dibuat lebih dari satu baris

paragraf pertama ini menggunakan atribut align rata tiap baris agar terlihat jelas perbedaannya maka paragraf ini dibuat lebih dari satu baris

selain align terdapat juga tag yang digunakan untuk pengaturan identasi. tag identasi tersebut adalah :

  • First Line <dd>   </dd> membuat baris pertama menjorok ke dalam
  • Hanging <blockquote>  </blockquote>membuat semua baris menjorok ke dalam
  • Daftar Definisi <dt> </dt>-> membuat suatu paragraf yang dijelaskan dengan paragraf lain yang menjorok ke dalam
  • Description List <dl> </dl>  adalah jenis list yang ditujukan untuk membuat struktur yang berisi deskripsi atau daftar penjelasan. Untuk membuat Description List, seluruh list harus berada di dalam pasangan tag <dl> dan </dl>. Untuk setiap deskripsi atau judul istilah, kita menggunakan tag <dt>. Sedangkan untuk penjelasan istilah tersebut, kita menggunakan tag <dd>.

berikut merupakan penggunaan dari tag identasi tersebut :

<dd>Paragraf ini menggunakan tag DD sehingga baris
pertamanya menjorok ke dalam. Dimulai dengan tag &lt dd &gt
dan ditutup dengan tag &lt /dd &gt .</dd>

<blockquote>Paragraf ini menggunakan tag blockquote,
sehingga tidak hanya baris pertamanya saja yang menjorok ke
dalam, melainkan semua barisnya juga ikut menjorok ke dalam.
</blockquote>

<dl>
<dt>Daftar definisi</dt>
<dd>Daftar definisi adalah susunan paragraf yang berselang-
seling antara paragraf normal dan paragraf yang menjorok ke
dalam yang merupakan penjelasan dari paragraf normal
tersebut.</dd>
</dl>

dan hasilnya bisa anda lihat dibawah ini :

Paragraf ini menggunakan tag DD sehingga baris
pertamanya menjorok ke dalam. Dimulai dengan tag <dd >
dan ditutup dengan tag </dd >.

Paragraf ini menggunakan tag blockquote,
sehingga tidak hanya baris pertamanya saja yang menjorok ke
dalam, melainkan semua barisnya juga ikut menjorok ke dalam.

Daftar definisi
Daftar definisi adalah susunan paragraf yang berselang-
seling antara paragraf normal dan paragraf yang menjorok ke
dalam yang merupakan penjelasan dari paragraf normal
tersebut.

apabila diperlukan untuk menampilkan sama dengan apa yang kita tulis pada dokumen html (text tanpa format) kita memerlukan tag khusus, yakni tag <pre>     </pre>. tag <pre>     </pre> disebut juga sebagai tag Preformatted Text .  Jika di dalam tag biasa, HTML akan mengabaikan spasi antar karakter (apabila terdapat lebih dari 1 spasi secara berurutan, maka hanya akan ditampilkan 1 spasi saja), namun apabila  text yang berada di dalam tag <pre>, maka akan ditampilkan dengan apa adanya.

Tinggalkan Balasan

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d blogger menyukai ini: