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 < dd > dan ditutup dengan tag < /dd > .</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 >.
|
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.