KODE HTML

Archive for Desember 2014

kode html

KODE HTML
Menampilkan Gambar
<img src="http://url gambar anda"</a>
Mengubah ukuran gambar
<img src="http://url-gambar" width="100" height="100">"</a>
Membuat link dengan teks
<a href="http://url tujuan">link teks anda</a> "</a>
Membuat Link dengan Gambar
<a href="http://url tujuan"><img src ="http://url gambar anda"/></a>"</a>
Membuat link dengan teks
<a href="http://url tujuan">link teks anda</a> "</a>
Membuat link TOMBOL

<div style="text-align:center;"><a href="http://URLanda"><input type="submit" value="teks link anda" /></a></div> "</a>
Teks dengan warna
<p><font color="red">Teks dengan warna</font></p>"</a>
Teks Tebal

<b>Teks</b>"</a>
Teks kecil
<b><small>Teks</small></b>"</a>
Teks miring
<b><i>Teks miring </i></b>"</a>
Teks Garis Bawah
<b><u>Teks Garis Bawah</u></b>"</a>
Text Berjalan Kekiri
<b><marquee bgcolor="#FFB6C1" loop="10">Text Berjalan</marquee></b>"</a> hasil Text Berjalan
Text Berjalan Kiri Kanan
<b><marquee behavior="alternate" bgcolor="#FFB6C1" scrollamount="5" loop="10">Kiri Kanan</marquee></b>"</a>
hasil
Kiri Kanan
Text Berjalan Turun/Naik
<b><marquee behavior="scroll" direction="down" bgcolor="#00da000" loop="-2">Text Berjalan Turun.<br/>Selamat Datang,<br/> Semoga Menyenangkan.</marquee></b>"</a>
Untuk text berjalan naik,ganti kata 'down'menjadi'up'.

hasil

Text Berjalan Turun.
hihihihihi
hahahah.
"

ATAU BISA JUGA PAKAI GAMBAR

.
" <text*area cols="15" rows="2">isi teks area. hapus tanda *</text*area> <text*area name="code" cols="15" rows="1" style=";color:#ff00ff;">isi teks area. hapus tanda * </text*area> <table width="100%" border="1"><tr><td width="100%" bgcolor="green" align="center">teks</td></tr></table> hasil
teks
<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

Teks stabilo <span style="background:#0f0;color:#f00">Teks disini</span> <ul> <li>Daftar 1</li> <li>Daftar 2</li> <li>Daftar 3</li> </ul>

Daftar 1

Daftar 2

Daftar 3

<img src="http://url-gambar" style="float:left;margin:0 3px 3px;">Teks disini <img src="http://url-gambar" style="float:left;margin:0 3px 3px;">Teks disini