KODE HTML KE SATU

Untuk memperbagus sebuah artikel yang akan kita posting, kita memerlukan kode html sebagai alatnya. Berikut kumpulan kode html terlengkap atau lumayan lengkap daripada yang tidak lengkap.

Kode html untuk menampilkan gambar
<img src="http://url gambar anda"</a>
html untuk mengubah ukuran gambar
<img src="http://url-gambar" width="100" height="100">
html untuk teks link
<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>
Html untuk Membuat Garis

---

<hr/>
garis berwarna
<hr style="color:red">

untuk mengatur ukuran garis
<hr style="color:#00f" width="60%">
html untuk garis kanan
<hr style="color:#00f" width="60%" align="right">
html untuk garis kiri
<hr style="color:#00f" width="60%" align="left">
html untuk garis dengan background

---

<hr style="height:3px;background:#00f;color:#f00;">
html untuk garis titik-titik
<div style="border-bottom:3px dotted #00f;"> </div>
html untuk garis putus - putus
<div style="border-bottom:3px dashed #00f;"> </div> kode html untuk Membuat Teks Berbayang / Shadow
<style type="text/css">b.drop-shadow { text-shadow: 2px 2px 3px red }</style><font color="green"><b class="drop-shadow"><b>teks anda</b></font></b>
Untuk Membuat Paragrap
<p/>
Untuk Membuat Baris Baru
<br/>
Kode html untuk Membuat teks berwarna
<span style="color:#00ffff">teks anda</span>
Html membuat Teks berada di tengah
<center> teks anda</center>

HTML Supaya teks mepet di kanan

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

HTML untuk Teks mepet di kiri

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

• list 1
• list 2
• list 3

<ul> <li>list 1</li> <li>list 2</li> <li>list 3</li> </ul>
Membuat list dengan nomor

1. list 1
2. list 2
3. list 3

<ol> <li>list 1</li> <li>list 2</li> <li>list 3</li> </ol>
Untuk Membuat Teks dicoret
<s>teks sobat</s>
Untuk Membuat Garis bawah pada teks (underline)
<u>teks sobat</u>
Html Membuat Teks miring (italic)
<i>teks sobat</i>
Kode Membuat Teks tebal (bold)
<b>teks sobat</b>
html teks seperti mesin ketik
<tt>teks sobat</tt>
Teks sedikit _{menurun ke bawah} (Subscript)
_{Teks sobat}
Teks sedikit ^{naik keatas} (Superscript)
^{teks sobat}

Supaya Teks lebih besar (targantung css)

<h1> teks</h1> ukuran kecil sampai h6
untuk membuat Teks ukuran besar dan berwarna
<font color="orange" size="15px">Teks sobat</font>

html untuk membuat teks dengan alinea baru / baris pertama agak kedalam

<p style="text-indent:30px;"> teks</p>
Kode html untuk Teks Stabilo
<span style="background-color: #ffc1e0;">Teks</span>
Untuk membuat dan mengubah ukuran teks area
<text*area cols="15" rows="2">teks area sobat. hapus tanda *</text*area>
Membuat teks area, dengan huruf yang berwarna warna
<text*area name="code" cols="20" rows="2" style=";color:#ff00ff;">teks area sobat. hapus tanda * </text*area>
membuar teks area berbingkai
<text*area name="code" cols="15" rows="1" style="border:5px inset #00ffff;">teks area sobat. hapus tanda * </text*area>
membuat teks area, berbingkai dan dengan huruf yang berwarna
<text*area name="code" cols="15" rows="1" style="color:#ff1382;border:5px inset #8821cc;">teks area sobat. hapus tanda * </text*area>
membuat teks area dengan background
<tex*tarea name="code" cols="15" rows="1" style="background:#ff6236;">teks areasobat. hapus tanda *</tex*tarea>
membuat teks area dengan background serta bingkai
<text*area name="code" cols="15" rows="1" style="background:#fa8183;border:5px inset #ff7e40;">isi teks area, hapus tanda * </tex*tarea>
membuat teks area dengan background serta bingkai dan huruf yang berwarna
<text*area name="code" cols="15" rows="1" style="background:#8822cc;color:#ff6237;border:5px inset #ff1383;">teks area sobat. hapus tanda * </tex*tarea>
membuat teks area dashed
<textarea name="code" cols="15" rows="1" style="background:#499;color:#284F00;border:5px #295F00 dashed;line-height:1.5em;padding:5px;">teks area sobat. hapus tanda * </text*area>
membuat teks area dotted
<text*area name="code" cols="15" rows="1" style="background:#6bb;color:#ffffff;border:5px dotted #FFEFF9;line-height:1.5em;padding:5px;">teks area sobat hapus tanda * </text*area>

Membuat Table 1 kolom
<table width="100%" border="1"> <tr><td width="100%" bgcolor="orange" align="center">teks</td></tr> </table>
ini hasilnya sob

Artikel NextWapBlog

Membuat Table 2 kolom
<table width="100%" border="1"> <tr><td width="50%" bgcolor="orange" align="center">teks pertama</td><td width="50%" bgcolor="green" align="center">teks kedua</td></tr> </table>
ini hasil sob

teks pertama

teks kedua

membuat table dengan 3 kolom
<table width="100%" border="1"> <tr><td width="33%" bgcolor="orange" align="center">teks pertama</td><td width="34%" bgcolor="orange" align="center">teks kedua</td><td width="33%" bgcolor="orange" align="center">teks ketiga</td></tr> </table>
ini hasilnya sob

pertama

kedua

ketiga

Teks dalam table tersebut tidak dengan link