Rabu, 03 Oktober 2012

ELEMEN DASAR HTML

Elemen Dasar HTML
HTML tidak hanya menyediakan teks saja dalam dokumennya, tetapi juga
mampu menampilkan objek-objek multimedia seperti gambar, suara, video, dan
bahkan telah merambah lebih jauh dengan adanya VRML serta applet-applet Java.
Untuk informasi yang berupa teks, HTML telah menyediakan bermacam-macam
elemen, seperti :
a) Paragraph, untuk membuat suatu paragraph
b) Blockquote, untuk membuat suatu kutipan teks
c) preformatted text, untuk menampilkan teks seperti yang dituliskan
d) divider, digunakan untuk mengelompokkan suatu teks tertentu
a. Paragraph <p>
Elemen <P>…</P> digunakan untuk menandai sekumpulan teks sebagai
suatu paragraph. Tag <P> untuk awal paragraf dan tag </P> digunakan untuk
mengakhiri paragraf. Tag paragraf memiliki atribut yang dapat dipakai sebagai
tambahan untuk pemformatan paragraph.
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>
b. Blockquote
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 paragraph. 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 dinamakan 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>
c. Preformatted text
Pada tag paragraf, penekanan tombol ENTER, Tab, Spasi tidak memberikan
pengaruh pada web page yang dibuat. Jika akan menambahkan spasi dan enter
pada teks dalam web page dengan menggunakan tag <PRE>…..</PRE>.
Sehingga teks yang berada di dalam tag pre akan mengikuti sesuai dengan
pengetikan yang dilakukan.
Berikut ini adalah contoh dokumen HTML yang menggunakan Tag <PRE> :
<html>
<body>
<h3>CONTOH PENGGUNAAN TAG PRE </h3>
<pre>
Teks ini menggunakan spasi dan ENTER untuk berpindah ke
baris ini.
</pre>
<p>Tag pre juga sangat cocok untuk menampilkan barisbaris
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>
d. Divider dan Center
Elemen DIV digunakan untuk membagi-bagi dokumen HTML dalam suatu
hierarki 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>

Tidak ada komentar:

Poskan Komentar