7. Mengubah ukuran gambar

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

8.

<div style="text-align:left;"><a href="http://URLanda"><input type="submit" value="teks link anda" /></a></div>

9. Tombol Button Berwarna

<a href="http://google.com/+EkoNurandoyo1"><input type="button" value="CONTOH 1" style="background:#f00;border:0;font-weight:bold;" /></a> <a href="http://ekonurandoyo.wapsite.me"><input type="button" value="CONTOH 2" style="background:#87CEFA;border:1px solid #1E90FF;font-weight:bold;" /></a> <a href="http://m.facebook.com"><input type="button" value="CONTOH 3" style="background:#0f0;border:0;font-weight:bold;" /></a>

10. Membuat Garis

---

<hr/>

11. Garis Warna

<hr style="color:red">

12. Copy Paste Kode Warna Html

13. Mengatur Ukuran Garis

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

14. Garis Kanan

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

15. Garis Kiri

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

16. Garis Dengan Background

---

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

17. Garis titik-titik

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

18. Garis putus-putus

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

19.

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>

20. Membuat Paragrap

<p/>

21. Membuat Baris Baru

<br/>

22.

Membuat teks berwarna
Pilihan Warna Disini

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

23.

Teks di tengah <center>teks anda</center>

24.

Teks kanan

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

25.

Teks kiri

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

26. Membuat Daftar /bullet

• Item 1
• Item 2
• Item 3

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

27. Membuat list numbering

1. Item 1
2. Item 2
3. Item 3

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

28.

Membuat Teks dicoret
<s>teks anda</s>

29.

Membuat Garis bawah pada teks (underline)
<u>teks anda</u>

30.

Membuat Teks miring (italic)
<i>teks anda</i>

31.

Membuat Teks tebal (bold)
<b>teks anda</b>

32.

teks mesin ketik
<tt>teks anda</tt>

33.

Teks _dibawah (Subscript)
_{Teks anda}

34.

Teks ^diatas (Superscript)
^{teks anda}

35.

Teks ukuran besar

<h1>teks</h1> ukuran kecil sampai h6

36.

Teks ukuran besar + warna
<font color="orange" size="15px">Teks</font> 15+ makin besar

37.

membuat teks dengan alinea baru / baris pertama agak menjorok kedalam

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

38.

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

39.

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

40.

teks area, huruf warna
<text*area name="code" cols="20" rows="2" style=";color:#ff00ff;">isi teks area. hapus tanda * </text*area>

41.

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

42.

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>

43.

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

44.

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>

45.

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>

46.

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>

47.

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>

48.

1 kolom
<table width="100%" border="1"><tr><td width="100%" bgcolor="green" align="center">teks</td></tr></table>
hasil

teks

49.

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

50.

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