Follow sejutablog on Twitter
Data Halaman Blog:
» Ditulis hari oleh Yudhi
» Kategori: Komputer & Teknologi Informasi
» Telah 22.429 kali dibaca
Topik Sejenis:
Berikan Komentar!
» Sudah ada 9 komentar
» Ayo berikan pendapat Kamu
» Komentar dalam RSS
Artikel ke 3 dari 4 halaman blog berseri: Dasar-Dasar HTML

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>

Jika kamu suka dengan tulisan ini silakan Berikan Pendapatmu!. Pantau terus perubahan dan lanjutan dari halaman blog ini dengan cara Berlangganan RSS.


9 Komentar pada Dasar-Dasar HTML – Bagian 3

  1. avatar mira mengatakan:

    trims saya membantu saya dalam membuat web saya

  2. avatar Grosir Baju Online mengatakan:

    Thanks tips n informasinya Pak

  3. avatar antomandala mengatakan:

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

    salam sukses Bang Yudhi

  4. avatar esthay mengatakan:

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

  5. avatar niany mengatakan:

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

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

  7. avatar tio mengatakan:

    hebat bngets

  8. avatar Andi mengatakan:

    Superrr Sekali om

    Terimah kasih atas bantuannya ……..

  9. avatar Yubian mengatakan:

    wah thanks tugas html saya jadi bisa terselesaikan

Berikan Komentar

 

SejutaLagu
Permainan Game Online Gratis