Dasar - Dasar Code/Kode HTML

Diposting oleh Fakk Yeah on Jumat, 07 Maret 2014


Berikut daftar isi yang akan kita bahas:




  • Kode untuk mempertebal huruf
  • kode untuk membuat huruf miring
  • Membuat Garis Bawah pada Huruf
  • Kode untuk Membuat Baris Baru
  • Membuat Tulisan Rataan Tengah
  • Membuat Tulisan Rataan Kanan
  • Membuat Tulisan Rataan Kiri
  • Merubah Style Font atau Gaya Huruf
  • Memberi Warna pada Teks






  • Mengatur Ukuran Huruf Besar/Kecil
  • Membuat Tulisan Berkedip / Blink
  • Membuat Tulisan Berjalan / Marquee
  • Membuat Tulisan Format Numbering
  • Membuat Tulisan Format Bullets
  • Membuat Tulisan Stabilo
  • Membuat Tulisan Background Warna
  • Membuat Efek Tulisan Pelangi



  •  Belajar Dasar - Dasar Kode HTML 

    1. Kode untuk Mempertebal Huruf
    Kodenya sbb:
    <b> Indonesia Experiment <b>
    Contoh : Indonesia Experiment


    2. Kode untuk Membuat Huruf Miring
    Kodenya sbb:
    <i> Indonesia Experiment </i>
    Contoh : <i>Indonesia Experiment</i>
    Maka hasilnya = Indonesia Experiment

    3. Membuat Garis Bawah pada Huruf
    Kodenya sbb:
    <u> Indonesia Experiment </u>
    contoh : <u> Indonesia Experiment </u>
    Hasilnya = Indonesia Experiment


    4. Kode untuk Membuat Baris Baru
    Kodenya sbb:
    Indonesia <br /> Experiment
    Contoh : Indonesia <br />Experiment
    Hasilnya =
    Indonesia

    Experiment
    5. Membuat Tulisan Rataan Tengah
    Kodenya sbb:
    <center> Indonesia Experiment </center>

    6. Membuat Tulisan Rataan Kanan
    Kodenya sbb:
    <p align="right"> Indonesia Experiment </p>

    7. Membuat Tulisan Rataan Kiri
    Kodenya sbb:
    <p align="left"> Indonesia Experiment </p>

    8. Merubah Style Font atau Gaya Huruf
    Kodenya sbb:
    <font face="Arial">Indonesia Experiment </font>
    Note : Silahkan sobat ganti tulisan Arial dengan font jenis yang lain seperti: Verdana, Georgia, Times New Roman dll.

    9. Memberi Warna pada Teks
    Kodenya sbb:
    <font color="blue"> Indonesia Experiment </font>
    Note : Warna blue/biru bisa sobat ganti sesuai dengan keinginan sobat. misal: Merah/RedKuning/Yellow,Hijau/Green, Hitam/Black, dan untuk melihat kode warna yang lain silahkan klik Disini.

    10. Mengatur Ukuran Huruf Besar/Kecil
    Kodenya sbb:
    <font style="font-size:500%;"> Indonesia Experiment </font>
    Note : Ukuran 500% bisa sobat ganti sesuai dengan keinginan sobat.

    11. Membuat Tulisan Berkedip / Blink
    Kodenya sbb:
    <blink> Indonesia Experiment </blink>


    12. Membuat Tulisan Berjalan / Marquee
    Kodenya sbb:
    <marquee> Indonesia Experiment </marquee>
    Bang Dadan Contohnya seperti diatas.

    13. Membuat Tulisan Format Numbering
    Kodenya sbb:
    <ol>
    <li>Indonesia</li>
    <li>Experiment</li>
    </ol>
    Contoh :

    1. Indonesia
    2. Experiment

    14. Membuat Tulisan Bormat Bullets
    Kodenya sbb:
    <ul>
    <li>Indonesia</li>
    <li>Experiment</li>
    </ul>
    contoh :

    • Indonesia
    • Experiment
    15. Membuat Tulisan Stabilo
    Kodenya sbb:
    <br /><span style="background-color:#F2F2F2"> Indonesia Experiment </span><br />
    Contoh :  Indonesia Experiment

    16. Membuat Tulisan Background Warna
    Kodenya sbb:
    <div style="background: #8CAA7B; border:1px solid #F5003D; padding:5px;"> Indonesia Experiment
    </div>
    Contoh :

    Indonesia Experiment
    Note : kode #8CAA7B adalah kode warna background dan #F5003D adalah warna border silahkan sobat ganti bisa Cari Di Google, untuk kode warna yang lain. padding adalah ukuran lebar background

    17. Membuat Efek Tulisan Pelangi
    Kodenya sbb:
    <script src='http://myscriptforme.googlecode.com/files/rainbow.js'> </script>

    Teks/tulisan link pelangi

    • Silahkan sobat menuju Rancangan
    • Kemudian pilih Template lalu klik Edit HTML
    • Cari kode seperti ini : </head>
    • Simpan kode di bawah ini tepat di atasnya
    <script src='http://myscriptforme.googlecode.com/files/rainbow.js'> </script>
    • Simpan templete.
    Nah, mungkin cukup sekian dulu pembahasan kita kali ini tentang Mengenal Dasar - Dasar Kode HTML. Semoga artikel ini bermanfaat ya sob..!!
    Selamat mempelajari kode - kode HTML.

    Sumber ; JS blog

    { 0 komentar... read them below if any or add comment }

    Posting Komentar

     
    Indonesia Experiment - SEO Friendly Blogger Template Design by Velix