Elemen <P>………..</P> digunakan untuk menandai sekumpulan teks sebagai suatu
paragraf.Tag <P>
untuk awal paragraf dan tag </P> digunakan untuk mengakhiri
paragraf.
Tag paragraf memiliki
atribut yang dapat dipakai sebagai tambahan untuk
pemformatan paragraf
Atribut
|
Argument
|
Keterangan
|
Align
|
Right
Center
Left
Justify
|
Digunakan
untuk perataan
suatu
paragraf, apakah rata
kiri,kanan,
tengah ataupun
rata
kiri/kanan (justify)
|
Berikut, diberikan contoh-contoh kode HTML untuk
menampilkan paragraf
<html>
<body>
<p>Paragraf satu.</p>
<p>Paragraf dua.</p>
<p>Paragraf tiga.</p>
<p>Elemen paragraf didefinisikan
dengan menggunakan tag P.</p>
</body>
</html>
Contoh kode HTML dengan tambahan atribut :
<html>
<body>
<p
align="right">Paragraf dengan perataan kanan.</p>
<p
align="center">Paragraf dengan rata tengah.</p>
<p
align="left">Paragraf tiga.</p>
<p
align="justify">Paragraf dengan perataan justify.</p>
</body>
</html>
Hasil dapat dilihat pada browser sebagai berikut :
Gambar 6.3 Contoh Tag
Paragraf
Gambar
6.4 Contoh Tag paragraf dengan Perataan
Blockqoute
Tag <BLOCKQUOTE> digunakan untuk menuliskan suatu
kutipan teks. Browser
biasanya menampilkan kutipan teks dengan
mengidentifikasikan teks tersebut atau
dengan mengabaikan spasi dalam teks seperti tag paragraf
. kutipan teks dinyatakan
dengan indentasi yang menjorok ke dalam dan berbeda dalam
satu paragraf.
Berikut ini, contoh dokumen HTML yang menggunakan tag
blockquote :
<html>
<body>
<h3>Teknologi Universal Serial
Bus (USB)</h3>
<blockquote>
Pada awal tahun 1977 tepatnya komputer
dengan prosesor Pentium,
beberapakomputer sudah mempunyai
piranti baru untuk memudahkan
pengguna komputer dalam menangani
masalah kabel yang bayak.<br>
Teknologi baru tersebut dinamalan
Universal Serial Bus atau yang
lebih
dikenal dengan USB. Memang masih bayak
yang tidak mengetahui apa dan
fungsi teknologi ini. Oleh sebab itu
bab ini akan memperkenalkan apa
yang
dimaksud dengan USB dan kegunaannya.
</blockquote>
<h5>Disadur dari Buku "
Pengantar Sistem Komputer" Hal:134 <h5>
</body>
</html>
Gambar
6.5 Contoh Blockquote
Preformatted Text
Pada tag paragraf, penekanan tombol ENTER, Tab, Spasi
tidak memberikan pengaruh
pada web page yang kita buat. Bagaimana jika misalnya
kita betul-betul ingin
menambahkan spasi dan enter pada teks dalam web page
kita. Masalah ini dapat
dipecahkan dengan menggunakan tag <PRE>…..</PRE>.
Sehingga teks yang berada
di dalam tag pre akan mengikuti sesuai dengan pengetikan
yang kita lakukan. Berikut
ini adalah contoh dokumen HTML yang menggunakan Tag
<PRE>
<html>
<body>
<h3>CONTOH PENGGUNAAN TAG PRE
</h3>
<pre>
Teks ini menggunakan s p a s i dan
ENTER
untuk berpindah ke baris ini.
</pre>
<p>Tag pre juga sangat cocok
untuk menampilkan baris-baris kode
program
seperti dibawah ini</p>
<pre>
<b>for i = 1 to 10
print i
next i
</pre></b>
<p>Kita Juga dapat membuat
gambar dengan format teks seperti berikut
:</p>
<pre>
/\_/\
( o o )
- meooongg........
</pre>
</body>
</html>
Dari program diatas akan dihasilkan dokumen yang tampak
seperti di browser
Gambar 6.6 Contoh Tag Pre
Bandingkan hasilnya
jika tag pre dihilangkan.
Gambar
6.7 Tag Pre Dihilangkan
Divider dan Center
Elemen DIV digunakan untuk membagi-bagi dokumen HTML
dalam suatu hieraki
yang terstruktur. Teks yang dikelilingi oleh tag
<DIV>……..</DIV> akan diformat
menurut nilai atribut ALIGN yang ditentukan di dalamnya.
Nilai atribut ALIGN yaitu,
Left, Center dan Right.Penggunaan DIV dengan Align=”center”
dapat diganti dengan tag
<CENTER>….<CENTER>. Keduanya menghasilkan
hasil yang sama
<html>
<body>
<div align="left">Teks
rata kiri dalam tag DIV</div>
<div
align="right">Teks rata kanan dalam tag DIV</div>
<div
align="center">Teks rata tengah dalam tag DIV</div>
<br>
<center>
teks ini menggunakan perintah center
sebagai pengganti align center
pada div
</center>
</body>
</html>
Hasilnya
dapat dilihat pada browser dibawah ini :
Gambar
6.8 Tag DIV dan CENTER
Karakter Spesial
Karakter-karakter spesial adalah karakter-karakter yang
penggunaannya dalam HTML
harus menggunakan kode-kode tertentu. Tanda < dan >
adalah salah satu contoh dari
karakter spesial. Karakter-karakter ini merupakan
karakter khusus yang digunakan
untuk menandai suatu tag HTML. Untuk menampilkan
karakter-karakter ini dalam
suatu web page diperlukan suatu kode khusus yang disebut entity
. Terdapat dua
macam entity dalam HTML, yaitu karakter entity dan
numerik entity yang
menggunakan suatu kode angka untuk mewakili suatu
karakter spesial.
Karakter entity menggunakan suatu nama tertentu sebagai
ganti karakter spesial dan
diawali dengan tanda & serta diakhiri dengan tanda ;.
Beberapa contoh karakter entity
adalah :
|
<
|
Mewakili
karakter <
|
|
>
|
Mewakili
karakter >
|
|
©
|
Mewakili
karakter ©
|
Numerik entity menggunakan suatu kode angka untuk
mewakili suatu karakter spesial
dan diawali dengan tanda &# dan diakhiri dengan tanda
;. Salah satu contoh numerik
entity adalah » yang mewakili karakter >>.
Berikut ini adalah contoh
penggunaan karakter-karakter spesial dalam HTML.
<html>
<body>
<h1>Contoh Penggunaan Karakter
Spesial</h1>
<hr>
<pre>
»
Tag<i><I></i> digunakan untuk memiringkan teks
» Kurt Gödel adalah
seorang ahli matematika Jerman
» Menggunakan karakter
Spesial
¹
<b>&copy;</b> untuk membuat tanda ©
²
<b>&reg;</b> untuk membuat tanda ®
³
<b>&trade</b> untuk membuat tanda ™
</pre>
</body>
</html>
Adapun hasil
dari program diatas dapat dilihat pada browser dibawah ini
Gambar
6.9 Contoh Penggunaan Karakter Spesial
0 komentar:
Posting Komentar