Kode HTML Lengkap

1. 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/> <center><textarea cols="15" rows="1"> <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
   1. Item 1
   2. Item 2
   3. 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

   
   teks dalam tabel tidak nge-link. Bila dikehendaki link maka praktekkan cara membuat link teks sebagaimana diatas