Elemen Dasar HTML (HTML bagian 3)

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 :

1. Paragraph, untuk membuat suatu paragraph

2. Blockquote, untuk membuat suatu kutipan teks

3. preformatted text, untuk menampilkan teks seperti yang dituliskan

4. divider, digunakan untuk mengelompokkan suatu teks tertentu

1. 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>

2. 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>

HTML (Hypertext Markup Language) adalah bahasa pengkodean untuk menghasilkan dokumen-dokumen hypertext untuk digunakan di World Wide Web. Namun HTML bukanlah sebuah bahasa pemrograman. tetapi hanyalah berisi perintah-perintah yang telah terstruktur berupa tag-tag penyusun.

</blockquote>

<h5>sumber dari www.adelinaa.co <h5>

</body>

</html>

3. 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>

</body>

</html>

4. 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 centerpada div

</center>

</body>

</html>

Elemen dasar HTML (HTML bagian 3) ini merupakan lanjutan dari pembahasan sebelumnya yang termasuk dalam materi matakuliah yang ada di jurusan sistem informasi, untuk informasi tentang jurusan silahkan kunjungi :

Website SistemInformasi UNIDHA

WebsiteUniversitas Dharma Andalas