kumpulan kode HTML

kumpulan kode HTML

kumpulan kode HTML

menampilkan gambar

---

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

---

mengubah ukuran gambar

---

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

---

Membuat link dengan teks

---

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

---

Membuat Link dengan Gambar

---

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

---

Membuat Garis

---

<hr/>

---

garis warna

---

<hr style="color:red">

---

mengatur ukuran garis

---

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

---

garis kanan

---

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

---

garis kiri

---

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

---

garis dengan background

---

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

---

garis titik-titik

---

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

---

garis putus-putus

---

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

---

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>teks anda</b></font></b>

---

Membuat Paragrap

---

<p/>

---

Membuat Baris Baru

---

<br/>

---

Membuat teks berwarna

---

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

---

Teks di tengah

---

<center>teks anda</center>

---

Teks kanan

---

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

---

Teks kiri

---

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

---

Membuat Daftar /bullet Item 1 Item 2 Item 3

---

<ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul>

---

Membuat list numbering Item 1 Item 2 Item 3

---

<ol> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ol>

---

Membuat Teks dicoret

---

<s>teks anda</s>

---

Membuat Garis bawah pada teks (underline)

---

<u>teks anda</u>

---

Membuat Teks miring (italic)

---

<i>teks anda</i>

---

Membuat Teks tebal (bold)

---

<b>teks anda</b>

---

teks mesin ketik

---

<tt>teks anda</tt>

---

Teks dibawah (Subscript)

---

_{Teks anda}

---

Teks diatas (Superscript)

---

^{teks anda}

---

Teks ukuran besar

---

<h1>teks</h1>

---

ukuran kecil sampai h6

---

Teks ukuran besar + warna

---

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

---

15+ makin besar

---

membuat teks dengan alinea baru / baris pertama agak menjorok kedalam

---

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

---

Teks Stabilo

---

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

---

teks area

---

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

---

teks area, huruf warna

---

<text*area name="code" cols="15" rows="1" style=";color:#ff00ff;">isi teks area. hapus tanda * </text*area>

---

teks area dengan bingkai

---

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

---

teks area, bingkai, huruf warna

---

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

---

teks area, background

---

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

---

teks area, background, bingkai

---

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

---

teks area, background, bingkai, huruf warna

---

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

---

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>

---

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>

---

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