Kumpulan Kode HTML

Kumpulan Kode HTML

Menampilkan gambar
<img src="http://url gambarmu"</a>
Membuat Teks area Tempat Copy Paste
<text area cols="20" rows="2"> isi teks kamu disini </text area> Marning : Tulisan Textarea tdk boleh pakai spasi
Membuat Link dengan Teks
<a href="http://url tujuan">teks kamu disini</a>
Membuat Link dengan Gambar
<a href="http://url tujuan"><img src ="http://url gambarmu"/></a>
Membuat Garis
<hr color="red">
Membuat Teks Berbayang / Shadow
<style type="text/css">b.drop-shadow { text-shadow: 2px 2px 3px red }</style><font color="yellow"><b class="drop-shadow"><b>text berbayang</b></font></b>
Membuat Paragrap dan baris baru
Paragrap baru = <p/> Baris baru / enter = <br/>
Membuat teks berwarna
pilihan warna disini
<span style="color:#ff0000">teks kamu disini </span>
Membuat Teks Berada di tengah
<center> teks kamu disini </center>
Mebuat Teks berada di kanan
<center"><div style="text-align: right;"> Teks Rata Kanan </div> </center>
Membuat teks berada di kiri
<center"><div style="text-align: left;"> Teks Rata Kiri </div> </center>
Membuat Daftar / List
<center"><ul> <li>Item 1</li> <li>Item 2</li> </ul> Catatan : <ul> bisa juga di ganti dengan <ol> </center>
Membuat Teks bergaris
<center"><span style="text-decoration: line- through;">teks anda </span> </center>
Membuat Garis bawah pada teks
<center"><span style="text-decoration: underline;">teks anda </span></center>
Teks Efek Stabilo
<center"> <span style="background-color: #ffc1e0;">kalimat anda yang ingin di beri efek stabilo</span> </center>
1 kolom <table width="100%" border="1"> <tr><td width="100%" bgcolor="green" align="center">teks</td></tr> </table>
hasil

teks

2 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>
hasil

teks 1

teks 2

3 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>
hasil

teks 1

teks 2

teks 3

teks dalam tabel tidak nge-link. Bila dikehendaki link maka praktekkan cara membuat link teks sebagaimana diatas

Created at 09/08/13