Kumpulan Kode HTML untuk Blog

GAMBAR

1. Menampilkan gambar

<img src="http://url gambar anda"</>

2. Mengubah ukuran gambar

<img src="http://url-gambar" width="100" height="100">

LINK

1. Membuat link dengan teks

<a href="http://url tujuan">link teks anda</a>

2. Membuat link dengan gambar

<a href="http://url tujuan"><img src ="http://url gambar anda"/></a>

3. Membuat link dengan tombol

<div style="text-align:center;"><a href="http://URLanda"><input type="submit" value="teks link anda" /></a></div>

GARIS

1. Membuat garis

<hr/>

2. Garis warna

<hr style="color:red">

3. Mengatur ukuran garis

<hr style="color:#00f" width="60%">

4. Garis kanan

<hr style="color:#00f" width="60%" align="right">

5. Garis kiri

<hr style="color:#00f" width="60%" align="left">

6. Garis dengan background

<hr style="height:3px;background:#00f;color:#f00;">

7. Garis titik-titik

<div style="border-bottom:3px dotted #00f;"></div>

8. Garis putus-putus

<div style="border-bottom:3px dashed #00f;"></div>

TEKS

1. Teks berbayang

<style type="text/css">b.drop-shadow { text-shadow: 2px 2px 3px red }</style><font color="yellow"><b class="drop-shadow"><b>teks anda</b></font></b>

2. Membuat paragraf

<p/>

3. Membuat baris baru

<br/>

4. Teks berwarna

<span style="color:#00ffff">teks anda</span>

5. Teks di tengah

<center>teks anda</center>

6. Teks kanan

<div style="text-align: right;"> Teks Rata Kanan </div>

6. Teks kiri

<div style="text-align: left;"> Teks Rata Kiri </div>

7. Teks dicoret

<s>teks anda</s> 

8. Teks bergaris bawah

<u>teks anda</u>

9. Teks mesin ketik

<tt>teks anda</tt>

10. Teks di bawah

_{Teks anda}

11. Teks di atas

^{teks anda}

12. Teks ukuran besar

<h1>teks</h1>

13. Mengatur ukuran teks

<font color="orange" size="15px">Teks</font>

14. Baris pertama agak menjorok

<p style="text-indent:30px;">teks</p>

15. Teks stabilo

<span style="background-color:
#ffc1e0;">Teks</span>

TEKS AREA

1. Teks area

<text*area cols="15" rows="2">isi teks area. hapus tanda *</text*area>

2. Teks area berbingkai

<text*area name="code" cols="15" rows="1" style="border:5px inset #00ffff;">isi teks area. hapus tanda * </text*area>

3. Teks area berbingkai dengan huruf berwarna

<text*area name="code" cols="15" rows="1" style="color:#ff1493;border:5px inset #9932cc;">isi teks area, hapus tanda * </text*area>

4. Teks area berbackground

<tex*tarea name="code" cols="15" rows="1" style="background:#ff6347;">isi teks area, hapus tanda *</tex*tarea>

5. Teks area berbingkai dan berbackground

<text*area name="code" cols="15" rows="1" style="background:#fa8072;border:5px inset #ff7f50;">isi teks area, hapus tanda * </tex*tarea>

6. Teks area berbingkai, berbackground, dan huruf berwarna

<text*area name="code" cols="15" rows="1" style="background:#9932cc;color:#ff6347;border:5px inset #ff1493;">isi teks area, hapus tanda * </tex*tarea>

7. Teks area dashed

<textarea name="code" cols="15" rows="1" style="background:#0f0;color:#295F00;border:5px #295F00 dashed;line-height:1.5em;padding:5px;">isi teks area, hapus tanda * </text*area>

8. Teks area dotted

<text*area name="code" cols="15" rows="1" style="background:#ef0090;color:#FFEFF9;border:5px dotted #FFEFF9;line-height:1.5em;padding:5px;">isi teks area, hapus tanda * </text*area>

KOLOM

1. Satu kolom

<table width="100%" border="1"><tr><td width="100%" bgcolor="green" align="center">teks</td></tr></table>

2. Dua kolom

<table width="100%" border="1"><tr><td width="50%" bgcolor="green" align="center">teks 1</td><td width="50%" bgcolor="green" align="center">teks 2</td></tr></table>

3. Tiga kolom

<table width="100%" border="1"><tr><td width="33%" bgcolor="green" align="center">teks 1</td><td width="34%" bgcolor="green" align="center">teks 2</td><td width="33%" bgcolor="green" align="center">teks 3</td></tr></table>

source kode: http://augustoneblog.xtgem.com/Blog/__xtblog_entry/8855745-kumpulan-kode-html?