Dasar - Dasar Code/Kode HTML

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/Red, Kuning/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