Gambar 6.4 Contoh Tag paragraf dengan Perataan

2.6.2 Blockqoute

Tag

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 :

Teknologi Universal Serial Bus (USB)

Pada awal tahun 1977 tepatnya komputer dengan prosesor Pentium, beberapakomputer sudah mempunyai piranti baru untuk memudahkan pengguna komputer dalam menangani masalah kabel yang bayak.

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.

Disadur dari Buku " Pengantar Sistem Komputer" Hal:134

Gambar 6.5 Contoh Blockquote

2.6.3 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

…..

. 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

CONTOH PENGGUNAAN TAG PRE

Teks ini menggunakan s p a s i dan ENTER

untuk berpindah ke baris ini.

Tag pre juga sangat cocok untuk menampilkan baris-baris kode program

seperti dibawah ini

for i = 1 to 10

print i

next i

Kita Juga dapat membuat gambar dengan format teks seperti berikut :

/\_/\

( o o )

- meooongg........

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

2.6.4 Divider dan Center

Elemen DIV digunakan untuk membagi-bagi dokumen HTML dalam suatu hieraki yang terstruktur. Teks yang dikelilingi oleh tag

……..

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

….. Keduanya menghasilkan hasil yang sama

Teks rata kiri dalam tag DIV

Teks rata kanan dalam tag DIV

Teks rata tengah dalam tag DIV

teks ini menggunakan perintah center sebagai pengganti align center pada div

Hasilnya dapat dilihat pada browser dibawah ini :