Header Ads

ad728
  • Breaking News

    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

    9 comments:

    1. trims saya membantu saya dalam membuat web saya

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

      salam sukses Bang Yudhi

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

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

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

      ReplyDelete
    6. Superrr Sekali om

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

      ReplyDelete
    7. wah thanks tugas html saya jadi bisa terselesaikan

      ReplyDelete

    Post Top Ad

    ad728

    Post Bottom Ad

    ad728