Dasar - dasar kode HTML

Kadang kita bosen dengan lihat tampilan sebuah tulisan gitu-gitu aja mungkin ada di hati kecil kita untuk membuat sesuatu yang berbeda dengan pada tulisan di blog atau halaman web kita... jawaban nya pasti bisa asal kita siap untuk MUMET hehe
Nah di postingan ini saya coba untuk membuat efek-efek sederhana yang  mungkin bisa mempercantik tulisan ayo ga usah banyak basa basi mari kita simak kode-kode nya di bawah ini:

NB :Sebelum kita memulai yang perlu Bahwa penutup kode/closing tag tergantung pada pembuka kodenya, maksudnya penutup kode dengan pembuka kode itu sama, hanya saja pada bagian penutupnya akan ada garis miring (/). Contoh: pembuka kode=<b> dan penutupnya adalah=</b>dan ini akan berlaku pada kode HTML lainnya juga.

1. Kode untuk membuat huruf tebal .
KODE NYA
<b> Bang Dadan <b>
contoh : Bang Dadan

2.kode untuk membuat huruf miring .
KODE NYA
<i> Bang Dadan </i>
contoh : Bang Dadan <i>dadan</i>
maka hasil nya : Bang Dadan

3. Membuat garis bawah huruf underline .
KODE NYA
<u> bang dadan </u>
contoh : <u> Bang Dadan </u>
hasil nya Bang Dadan

4.Membuat baris baru
KODE NYA
Bang<br />Dadan
contoh : Bang <br />Dadan
hasil nya :
Bang
Dadan

5.Membuat tulisan Rataan Tengah
KODE NYA
<center> Bang Dadan </center>

6.Membuat tulisan Rataan kanan
KODE NYA
<p align="right"> Bang Dadan </p>

7.Membuat tulisan Rataan kiri
KODE NYA
<p align="left">Bang Dadan </p>

8.Merubah font atau gaya teks
KODE NYA
<font face="Verdana"> Bang Dadan </font>

Nb : silahkan anda rubah tulisan verdana dengan font jenis lain nya kayak arial,georgia,times dll

9.Mengatur warna teks
KODE NYA
<font color="blue"> Bang Dadan </font>

NB : warna biru bisa anda ganti dengan warna lain nya seperti blue(biru),yellow(kuning),red (merah) atau warna lain nya atau sobat kepingin kreasi warna lain nya anda ambil aja kode warna nya klik DISINI anda copy salah satu kodenya terus sobat ganti kata blue dengan kode yang anda copy

10.Mengatur besar kecil nya tulisan
KODE NYA
<font style="font-size:500%;"> Bang Dadan </font>

NB : Ukuran 500% bisa sobat ganti sesuai dengan keinginan sobat yaa..kalo mau buat tulisan gede yang menutupin separo halaman di buat aja 10.000% hi hi hi :)

11.Membuat tulisan berkedip /Blink
KODE NYA
<blink>Bang Dadan</blink>

12.Membuat Tulisan berjalan ( marquee)
KODE NYA
<marquee>Bang Dadan </marquee>

NB : untuk efek tulisan marquee ini masih banyak variasi lain nya yang akan saya bahas pada kesempatan nanti.

13.Membuat Tulisan format numbering
KODE NYA
<ol>
<li>Bang</li>
<li>Dadan</li>
</ol>

contoh :
1.Bang
2. Dadan

14.Membuat Tulisan format bullets
KODE NYA
<ul>
<li>Bang</li>
<li>Dadan</li>
</ul>

contoh :

Bang
Dadan


15.Membuat Tulisan stabilo
KODE NYA
<br /><span style="background-color:#FF99FF">Bang Dadan</span><br />

16.Membuat Tulisan background warna
KODE NYA
<div style="background:#FFFFCC; border:1px solid #F5003D; padding:5px;">
Bang Dadan
</div>

NB :
kode #F5003D adalah kode warna background yang bisa anda dapatkan DISINIpadding adalah ukuran lebar background

17.Membuat Tulisan pelangi
KODE NYA
<script src='http://myscriptforme.googlecode.com/files/rainbow.js'> </script>

Teks/tulisan link pelangi

* Silahkan anda beralih ke Rancangan
* Kemudian pilih Edit HTML
* Cari kode seperti ini : </head>
* Simpan kode di bawah ini tepat di atasnya
* simpan templete


Oh ya..dari tadi kok cuma teori nya aja yang di tulis example nya kok ga..??? he he yaa..!!!kayak nya lagi malas neh,,bukan..!!! maksud saya untuk lebih memahami dan agar mudah mengerti cara membuat efek tulisan tersebut sobat langsung di praktekin aja,kalo kita hanya COPAS kita agak sulit untuk memahami nya  begono...!!!

Nah kalo sobat sudah memahami cara membuat efek tulisan ini anda bisa mempunyai modal untuk memodifikasi semua nya dengan ide dan kreasi sobat.