Kumpulan Kode HTML Dasar

Kumpulan Kode HTML Dasar

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

Membuat Teks Area Kosong
<textarea cols="20" rows="2"></text area>
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="http://url gambarmu/"</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"/></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 ="align:center"> 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



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