Membuat paragrap</p>

Membuat baris baru
<br/>

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

Membuat teks kiri
<div style="text-align: left;"> Teks kita</div>

Membuat teks tengah<center>teksnya di sini</center>

Membuat teks warna
<span style="color:#00ffff">teks kita</span>

bikin teks berbayang<style type="text/css">b.drop-shadow { text-shadow: 2px 2px 3px red }</style><font color="yellow"><b class="drop-shadow"><b>teks kita</b></font></b>

Membuat garis

---

<hr/>

Membuat garis warna

---

<hr style="color:red">

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

Membuat garis dengan background

---

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

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

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

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

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

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

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

Membuat gambar ngelink
<a href="http://url tujuan"><img src ="http://url gambar kita"/></a><div style="text-align:center;"><a href="http://URL kita"><input type="submit" value="teks linknya di sini" /></a></div>

Membuat daftar bulet

• menu1
• menu2
• menu3

<ul> <li>menu1</li><li>menu2</li> <li>menu3</li> </ul>

List numbering

1. menu 1
2. menu 2
3. menu 3

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

membuat teks mesin ketik<tt>teksnya disini</tt>

teksnya di coret<s>teks kita</s>

Membuat teks miring italic<i>teksnya di sini</i>

teks garis bawah underline<u>teksnya di sini</u>

Membuat teks tebal<b>teksnya di sini</b>

_{teks di bawah supersecrip}_{Teksnya di sini}

^{teks di atas supersecrip}^{teksnya disini}

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

membuat teks barisan pertama menjorok ke dalam

<p style="text-indent:30px;">teksnya di sini</p>

Teks stabilio<span style="background-color: #ffc1e0;">Teksnya di sini</span>

Membuat teks area
<textarea cols="15"rows=2"> isi teks hapus tanda bintang<*/textarea>

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

Teks area dan bingkai
<textarea name="code" cols="20" rows="2" style="border:5px inset #00ffff;">isi teks area hapus tanda bintang <*/textarea>

Teks area bingkai huruf warna
<textarea name="code" cols="20" rows="2" style="color:#ff1493;border:5px inset #9932cc;">isi teks area hpus tanda bintang<*/textarea>

Teks area background
<textarea name="code" cols="20" rows="2" style="background:#ff6347;">isi teks area hapus tanda bintang<*/textarea>

Teks area background bingkai
<textarea name="code" cols="20" rows="2" style="background:#fa8072;border:5px inset #ff7f50;">isi teks area hapus tanda bintang<*/textarea>

Teks area backgroun bingkai huruf warna
<textarea name="code" cols="20" rows="2" style="background:#9932cc;color:#ff6347;border:5px inset #ff1493;">isi teks hapus tanda buntang<*/textarea>

Teks area dassed
<textarea name="code" cols="20" rows="2" style="background:#0f0;color:#295F00;border:5px #295F00 dashed;line-height:1.5em;padding:5px;">isi teks hapus tanda bintang<*/textarea>

Teks area dotted
<textarea name="code" cols="20" rows="2" style="background:#ef0090;color:#FFEFF9;border:5px dotted #FFEFF9;line-height:1.5em;padding:5px;">isi teks area hapus tanda bintang<*/textarea>

Membuat kolom tabel 5

1

2

3

4

5

<table width="100%" border="1"><tr><td width="20%" bgcolor="#00ff00" align="center">menu 1</td><td width="20%" bgcolor="#00ff00" align="center">menu 2</td><td width="20%" bgcolor="#00ff00" align="center">menu 3</td><td width="20%" bgcolor="#00ff00" align="center">menu 4</td><td width="20%" bgcolor="#00ff00" align="center">menu 5</td></tr></table>

Membuat kolom tabel 4

menu 1

menu 2

menu 3

menu 4

<table width="100%" border="1"><tr><td width="25%" bgcolor="#00ff00" align="center">menu 1</td><td width="25%" bgcolor="#00ff00" align="center">menu 2</td><td width="25%" bgcolor="#00ff00" align="center">menu 3</td><td width="25%" bgcolor="#00ff00" align="center">menu 4</td></tr></table>

Membuat kolom tabel 3

kolom 1

kolom 2

kolom 3

<table width="100%" border="1"><tr><td width="30%" bgcolor="#ff00ff" align="center">kolom 1</td><td width="30%" bgcolor="#ff00ff" align="center">kolom 2</td><td width="30%" bgcolor="#ff00ff" align="center">kolom 3</td></tr></table>

Kolom tabel 2

menu 1

menu 2

<table width="100%" border="1"><tr><td width="50%" bgcolor="red" align="center">menu 1</td><td width="50%" bgcolor="red" align="center">menu 2</td></tr></table>

Tabel 1

menu 1

<table width="100%" border="1"><tr><td width="100%" bgcolor="#abcdef" align="center">teks 1</td></tr></table>Membuat warna Teks dalam tabel dan ngelink

kolom1

kolom2

kolom3

<table width="100%" border="2"><tr><td align="center" style="width:30%;background-color:#00ff00;border:2px dashed #f04;"><a href="http://url tujuan"> <span style="color:#00ffff;">kolom1</span></a></td><td align="center" style="width:31%;background-color:#00ff00;border:2px dashed #f04;"><a href="http://url tujuan"> <span style="color:#00ffff;">kolom2</span></a></td><td align="center" style="width:30%;background-color:#00ff00;border:2px dashed #f04;"><a href="http://url tujuan"><span style="color:#00ffff;">kolom3</span></a></td></tr></table>Untuk mengetahui kode warna bisa lihat di sini

Pilih warna
Cara menggunakanya edit kode yang sudah di paste ganti warna warna yang di suka atau mungkin menambahkan sedikit kode kodenya untuk menampilkan yang di kehendaki di halaman situs mu.
Terimakasih
telah menggunakan
kode kode yg telah
saya sediakan
Semoga bermanfaat.