7/18/2010

HTML Fundamental IV

Kita ketemu lagi Tutorial tentang HTML, kali ini saya akan membahas lanjutan dari Tutorial Seri III, dan  bagi anda yang belum membaca dari awal saya sarankan baca dulu Tutorial Seri I dan Tutorial Seri II. Ok, sekarang kita langsung mulai aja Tutorialnya.. :D


Mengatur Kutipan Yang Panjang
Suatu kutipan yang panjang dapat diletakkan dalam dokumen dengan menempatkannya dalam tag <blockquote>..</blockquote>. Berbeda dengan tag <pre>, tag <blockquote> tidak menambahkan karakter pindah baris dalam teks. Dengan demikian teks akan ditampilkan dengan disesuaikan dengan ruang yang tersedia. Selain itu, <blockquote> akan membuat kutipan diletakkan sedikit menjorok ke kanan dan teks bisa mengandung kode HTML. Sebagai contoh perhatikan kode dibawah ini :

<html>
<head>
<title>Tag Blockquote</title>
</head>
<body>
Berikut adalah tulisan yang saya buat sendiri :
<p>
<blockquote>
Manusia cenderung berbuat lebih untuk mendapatkan apa yang mereka inginkan terutama penghormatan
dari manusia lain, harta, kekuasaan serta pasangan atau lebih tepatnya wanita atau pria idaman. Karena dari itu jika manusia tidak berbekal agama dan ilmu maka rusaklah dan bodohlah sebuah negeri yang dihuni oleh para manusia tersebut.
</blockquote>
</p>
</body> 
</html>
hasil dari kode diatas ditunjukkan pada gambar dibawah ini :



Menggunakan Singkatan Pada HTML
Adakalanya kita hanta mencantumkan singkatan dari suatu istilah dalam suatu dokumen. Misalnya, WWW untuk menyingkat World Wide Web dan TNI untuk menyingkat Tentara Nasional Indonesia. Dengan menggunakan tag <acronym>...</acronym>, anda bisa mendefinisikan singkatan dan kepanjangan, tetapi yang tertampil dalam dokumen secara norma adalah singkatannya. namun kalau pemakai meletakkan penunjuk mouse ke singkatan tersebut maka kepanjangannya adakn ditampilkan.
Berikut pendefinisian singkatan dan kepanjangan suatu istilah  adalah sebagai berikut :
<acronym title = "kepanjangan">Singkatan</acronym>


contoh lengkap dalam bentuk kode HTML ditunjukkan dibawah ini :


<html&g;:

<head>
<title>Tag Acronym</title>
</head>
<body>
<acronym title = World Wide Web>WWW</acronym></body> 
</html>
Hasil dari kode diatas ditunjukkan pada gambar dibawah ini :




Catatan : jika kode tidak dapat tampil pada web browser anda, kemungkinan web browser anda tidak support akan perintah ini atau web browser anda crash (rusak), maka gunakan web browser yang lain.


Menyeragamkan Alamat
Suatu alamat dalam dokumen dapat ditandai secara khusus dengan menggunakan tag <address>...</address>, contoh :


<html>
<head>
<title>Tag Address</title>
</head>
<body>
<h1>Alamaat Blogspot adalah :</h1>
<hr>
<address>
www.blogspot.com
</address>
</body> 
</html>
Hasil dari kode diatas ditunjukkan pada gambar dibawah ini :






Sekian dulu untuk Tutorial ini, ketemu di Tutorial selanjutnya..


Happy Coding


Regards


0 comments:

Post a Comment