-->
Home » Penelusuran html

Mengenal Dasar - Dasar Kode HTML

Mengenal Dasar - Dasar Kode HTML
Mengenal Dasar - Dasar Kode HTML | Salam damai buat para blogger semua, pada kesempatan kali ini bang dadan akan membahas tentang Mengenal Dasar - Dasar Kode HTML. Tutorial ini mungkin dikhususkan untuk para sahabat blogger yang masih baru / pemula dalam dunia blogger/blogspot. Sebelum sobat mengenal lebih jaut tentang Kode - kode HTML alangkah baiknya sahabat mengenal terlebih dahulu dasar - dasarnya, karena ini merupakan pondasi awal untuk sobat melangkah pada kode - kode HTML selanjutnya yang mungkin jauh lebih rumit.

Nah, apabila sobat sudah tahu awalnya dasar - dasar kode HTML itu seperti apa, insya Allah kedepan jika menemukan kode HTML yang lebih kompleks lagi sobat tidak akan kebingungan.
✥ Belajar Dasar - Dasar Kode HTML ✥
1. Kode untuk Mempertebal Huruf
Kodenya sbb:
<b> Bang Badan <b>
Contoh : Bang Dadan

2. Kode untuk Membuat Huruf Miring
Kodenya sbb:
<i> bang dadan </i>
Contoh : <i>Bangdadan Dadan</i>
Maka hasilnya = Bang Dadan

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

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

5. Membuat Tulisan Rataan Tengah
Kodenya sbb:
<center> Bang Dadan </center>

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

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

8. Merubah Style Font atau Gaya Huruf
Kodenya sbb:
<font face="Arial"> Bang Dadan </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"> Bang Badan </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%;"> Bang Dadan </font>
Note : Ukuran 500% bisa sobat ganti sesuai dengan keinginan sobat.

11. Membuat Tulisan Berkedip / Blink
Kodenya sbb:
<blink> Bang Dadan </blink>

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

13. Membuat Tulisan Format Numbering
Kodenya sbb:
<ol>
<li>bang</li>
<li>dadan</li>
</ol>
Contoh :
  1. Bang
  2. Ddadan

 14. Membuat Tulisan Bormat Bullets
Kodenya sbb:
<ul>
<li>bang</li>
<li>dadan</li>
</ul>
contoh :
  • Bang
  • Dadan
15. Membuat Tulisan Stabilo
Kodenya sbb:
<br /><span style="background-color:#F2F2F2"> Bang Dadan </span><br />
Contoh :  Bang Dadan

16. Membuat Tulisan Background Warna
Kodenya sbb:
<div style="background: #8CAA7B; border:1px solid #F5003D; padding:5px;"> Bang Dadan
</div>
Contoh :
Bang Dadan
Note : kode #8CAA7B adalah kode warna background dan #F5003D adalah warna border silahkan sobat ganti bisa lihat DISINI 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.
Back To Top