Facebook

header ads

Dasar-Dasar HTML - Bagian 3




3. Blockquote



Perintah tag <BLOCKQUOTE> digunakan untuk menulis kutipan teks. Dengan perintah ini browser akan menampilkan teks menjorok ke dalam (meng-identasi teks) atau menampilkan teks dalam bentuk huruf miring.


Contoh:


<HTML>
<HEAD>
<TITLE>BLOCKQUOTE</TITLE>
</HEAD>
<BODY>
<H3>Sesuatu yang tidak perlu dicoba</H3>
<BLOCKQUOTE>
Sesuatu yang kelihatan mengasyikkan tapi sebenarnya lebih banyak menambah masalah pada remaja adalah narkoba, seks, alkohol dan merokok. Jangan sekali-kali mencoba jika tidak ingin membuat masalah baru
</BLOCKQUOTE>
</BODY>
</HTML>






4. Preformatted Text



Preformatted Text (PRE) digunakan untuk menampilkan teks sama seperti yang Anda ketikkan dalam dokumen HTML. Browser akan menampikan teks tersebut dalam font monospaced, yaitu seperti terlihat dalam teks yang tampilkan oleh aplikasi berbasis teks (misalnya telnet).


Contoh:


<HTML>
<HEAD>
<TITLE>Preformatted Text</TITLE>
</HEAD>
<BODY>
<PRE>
Edisi yang lalu dibahas tentang membuat billing system untuk warnet yang dapat langsung mencetak tagihan.
Kali ini diulas bagaimana menyimpan setiap transaksi dalam database agar bisa diperoleh beberapa laporan secara periodik.
</PRE>
</BODY>
</HTML>






5. Begin Row (BR)



Tag ini digunakan untuk menulis teks pada baris berikutnya. Tag <BR> membuat baris baru tanpa memberi baris kosong di bawahnya.


Contoh:


<HTML>
<HEAD>
<TITLE>Begin Row</TITLE>
</HEAD>
<BODY>
<P>Banyak cara yang dapat digunakan untuk melakukan instalasi FreeBSD. Namun ada tiga cara yang paling sering dilakukan ,yaitu:
<BR>Instalasi melalui FTP
<BR>Instalasi melalui CDROM
<BR>Instalasi melalui partisi DOS
</BODY>
</HTML>






6. Ukuran Font



Untuk mengatur huruf dokumen HTML digunakan tag <FONT SIZE>. Tag <FONT SIZE> memiliki beberapa atribut untuk mengatur ukuran huruf yang akan digunakan.


Contoh:


<HTML>
<HEAD>
<TITLE>Ukuran font</TITLE>
</HEAD>
<BODY>
<FONT SIZE=1>Ukuran font 1</FONT>
<FONT SIZE=2>Ukuran font 2</FONT>
<FONT SIZE=3>Ukuran font 3</FONT>
<FONT SIZE=4>Ukuran font 4</FONT>
<FONT SIZE=5>Ukuran font 5</FONT>
<FONT SIZE=6>Ukuran font 6</FONT>
<FONT SIZE=7>Ukuran font 7</FONT>
</BODY>
</HTML>



7. Jenis Font



Atribut FACE digunakan untuk mengatur jenis huruf yang diinginkan. Atribut FACE harus diisi dengan string jenis font seperti Arial, Times New Roman,Verdana, dan sebagainya.





Contoh:

<HTML>
<HEAD>
<TITLE>Jenis Font</TITLE>
</HEAD>
<BODY>
<FONT SIZE=5>
<FONT FACE = "Arial">Arial, contoh AC Milan <P>
<FONT FACE = "Verdana">Verdana , contoh Persebaya <P>
<FONT FACE = "Times New Roman">Times New Roman, contoh Indonesia <P>
</BODY>
</HTML>






8. Warna Font



Atribut COLOR digunakan untuk mengatur warna font yang akan digunakan. Untuk memberi nilai pada atribut color, ada dua cara. Cara pertama dengan menuliskan nama warna seperti Red, Blue, Yellow, White, dll. Sedangkan cara kedua adalah dengan menggunakan nilai RGB (Red Green Blue) dari suatu warna, misalnya FF0000 untuk Red, 00FF00 untuk green, dan 0000FF untuk Blue.


Contoh:


<HTML>
<HEAD>
<TITLE>Warna Font</TITLE>
</HEAD>
<BODY>
<FONT SIZE=5>
<FONT COLOR = "red">PSM Makassar<P>
<FONT COLOR = "#FF0000">tetap PSM Makassar kan?<P>
<FONT COLOR = "#00FF00">Ini baru Persebaya<P>
</BODY>
</HTML>




Author : Yudhi

Posting Komentar

9 Komentar

  1. trims saya membantu saya dalam membuat web saya

    BalasHapus
  2. Wah bagus sekali artikelnya, jadi tambah ilmu nih Bang Yudhi.
    trims untuk share ilmunya.

    salam sukses Bang Yudhi

    BalasHapus
  3. keren,gaul,gokil abisss,modern,okeeeee......
    thanks pak Yudhi........................................
    Menambah pengetahuan qu and my friendsss

    BalasHapus
  4. terima kasih Pak Yudhi..................................!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
    aqu jadi mengertiyyyyyyyyy and menambah ilmu qu and my friendsssssss

    BalasHapus
  5. [...] HTML, SGML, Web2.0, XHTML, XML | Komputer & Teknologi Informasi | Sudah ada 5 Komentar [...]

    BalasHapus
  6. Superrr Sekali om

    Terimah kasih atas bantuannya ........

    BalasHapus
  7. wah thanks tugas html saya jadi bisa terselesaikan

    BalasHapus