Kumpulan Kode HTML

Kumpulan Kode HTML Dasar

Untuk melihat hasil kode script di bawah ini, silahkan copypaste dan test disini

Membuat Teks Area Kosong

Membuat Teks area Tempat Copy Paste
<text area cols="20" rows="2"> isi teks kamu disini </text area> Catatan : Textarea tdk boleh pakai spasi

Menampilkan gambar
<img src="" alt="" /></a>

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" alt="" /></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 = <br/>

Membuat teks berwarna
<span style="color: #ff0000;">teks kamu disini </span>

Membuat Teks Berada di tengah
<div>teks kamu disini </div>

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

Membuat teks berada di kiri
<div style="text-align: left;"> Teks Rata Kiri </div>

Membuat Daftar / List
<ul> <li>Item 1</li> <li>Item 2</li> </ul> Catatan : <ul> bisa juga di ganti dengan <ol>

Membuat Teks bergaris
<span style="text-decoration: line- through;">teks anda </span>

Membuat Garis bawah pada teks
<span style="text-decoration: underline;">teks anda </span>

Merubah Warna Backgoroun Halaman

Teks Efek Stabilo
<span style="background-color: #ffc1e0;">kalimat anda yang ingin di beri efek stabilo</span>

Membuat Tabel
<div style="border:1px solid#ffffff; padding:1px;"><div style="border:1px solid#ffffff; padding:1px;"><table width="100%" border="1"><td bgcolor=black><div style="text-align:center;"><font color="white" size=5>=MENU=</font></table> <table width="100%" border="0"><tr><td width="50%" bgcolor="black" align="center"><a href="http://adhy.heck.in" class=""><font color="lime">LINK 1</font></a></td><td width="50%" bgcolor="black" align="center"><a href="http://adhy.yn.lt" class=""><font color="lime">LINK 2</font></a></td><tr><td width="50%" bgcolor="black" align="center"><a href="http://3" class=""><font color="lime">LINK 3 </font></a></td><td width="50%" bgcolor="black" align="center"><a href="http://4" class=""><font color="lime">LINK 4</font></a></td></tr></table>
hasilnya :

=MENU=

LINK 1	LINK 2
LINK 3	LINK 4

Copy Url

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

Mengubah ukuran gambar
<img src="http://url-gambar anda" width="50" height="50" alt="" />
contoh:

Membuat link dengan teks
<a href="http://url tujuan">text Link agan</a>
contoh: linkDaudi blog

Membuat Link dengan Gambar
<a href="http://url tujuan"><img src="http://url gambar anda" width="120" height="10" alt="" /></a>
contoh:

Membuat link dengan tombol
<a href="http://URLanda"><input type="submit" value="teks link anda" /></a>
contoh:

Membuat nomer otomatis di link
<ol> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ol>
contoh:

Masterlie
Masterlie
Masterlie

Membuat Text di coret
<s>teks anda</s>
contoh: ~~Masterlie~~

Membuat teks mesin ketik
<tt>teks anda</tt>
contoh: Masterlie.wapsite.me

Merubah ukuran font
<font color="yellow" size="15px">Teks</font> ket. 15 itu ukuran
contoh:Masterlie

Membuat text stabilo
<span style="background-color: #ffc1e0;">Teks</span>
contoh: Masterlie

Semoga ada manfaatnya

Search

Hallo Guest...

Free Wap Master Your Site

other site