Media On7: Dasar-dasar kode HTML

Mengenal Dasar - Dasar Kode HTML | 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.

Oke langsung saja berikut adalah Dasar - Dasar Kode HTML + Contohnya, silahkan sobat simak baik - baik ya??

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> media on7 <b>
Contoh : Bang Dadan

2. Kode untuk Membuat Huruf Miring
Kodenya sbb:
<i> media on7 </i>
Contoh : <i>mediaon7on7 on7</i>
Maka hasilnya = mediaon7

3. Membuat Garis Bawah pada Huruf
Kodenya sbb:
<u> bang dadan </u>
contoh : <u> media on7 </u>
Hasilnya = media on7

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

5. Membuat Tulisan Rataan Tengah
Kodenya sbb:
<center> media on7 </center>

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

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

8. Merubah Style Font atau Gaya Huruf
Kodenya sbb:
<font face="Arial"> media on7 </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"> media on7 </font>
Note : Warna blue/biru bisa sobat ganti sesuai dengan keinginan sobat. misal: Merah/Red, Kuning/Yellow, Hijau/Green, Hitam/Black.

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

11. Membuat Tulisan Berkedip / Blink
Kodenya sbb:
<blink> media on7 </blink>

12. Membuat Tulisan Berjalan / Marquee
Kodenya sbb:
<marquee> media on7 </marquee>
mediaon7 Contohnya seperti diatas.

13. Membuat Tulisan Format Numbering
Kodenya sbb:
<ol>
<li>media</li>
<li>on7</li>
</ol>
Contoh :

media
on7

14. Membuat Tulisan Bormat Bullets
Kodenya sbb:
<ul>
<li>media</li>
<li>on7</li>
</ul>
contoh :

media
on7

15. Membuat Tulisan Stabilo
Kodenya sbb:
<br /><span style="background-color:#F2F2F2"> bang dadan </span><br />
Contoh : media on7

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

media on7

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