Thursday, July 17, 2014

Elemen PARAGRAPH,BLOCKQUOTE,PREFORMATTED TEXT,DIVIDER

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 :
PARAGRAPH untuk membuat suatu paragraf
BLOCKQUOTE untuk membuat suatu kutipan teks
PREFORMATTED TEXT untuk menampilkan teks seperti yang dituliskan
DIVIDER digunakan untuk mengelompokkan suatu teks tertentu


  • PARAGRAPH

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




Penggunaan Paragraph di HTML :
<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>

HASILNYA : 













  • BLOCKQOUTE
Tag <BLOCKQUOTE> digunakan untuk menuliskan suatu kutipan teks. contohnya :

<html>
<head>
<title>belajar HTML, www.tutorinformatika.blogspot.com</title>
</head>
<body>
<h1>HTML</h1>
<blockquote>HTML  <i>Hyper Text Markup Languange</i> adalah bahasa pengkodeaan untuk menghasilkan dokumen-dokumen hypertext untuk digunakan di World Wide Web. 
<blockquote>
HTML terlihat seperti bahasa pengkodean lama, yang di awali dan diakhiri dengan kode-kode html dimana menunjukkan bagaimana keluarannya pada saat di jalankan pada sebuah web browser.
</body>
</html>

HASILNYA :













  • PREFORMATTED TEXT 
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>

contoh penggunaannya :


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


hasilnya :
















  • DIVIDER

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 





No comments:

Post a Comment