Kode-kode HTML Dasar

Dalam dunia website maupun blog tak bisa dipisahkan dengan yang namanya kode HTML .Di bawah ini ada beberapa kode-kode HTML dasar untuk mengedit  halaman anda,meskipun sekarang sudah banyak pembuatan halaman HTML dengan software instant seperti Dreamweaver dll.

---

Membuat Text berada di tengah (Centre)

<p align="center">Text</p> hasilnya seperti:

Text

---

Membuat Text berada di Kanan(Right)

<p align="right">Text</p> hasilnya seperti :

 Text

---

Membuat Text berada di Kiri(Left)

<p align="left">Text</p> hasilnya seperti :
Text

---

Membuat Huruf Tebal

<b>Text</b> hasilnya seperti :
Text

---

Membuat Huruf Garis Bawah

<u>Text</u> hasilnya seperti :
Text

---

Membuat Huruf bercetak Miring

<i>Text</i> hasilnya seperti :
Text

---

Membuat huruf kombinasi,Huruf tebal,miring,bergaris bawah

<b><i><u>Text</u></i></b> hasilnya seperti :
Text

---

Membuat Huruf tebal strong

<strong>Text</strong> hasilnya seperti :
Text

---

Membuat Huruf yang disembunyikan(Hidden)

<span style="visibility: hidden">Text</span> hasilnya seperti :



Namanya juga hidden..ya..ga keliatan..

---

Membuat Huruf Besar semua (uppercase)

<span style="text-transform: uppercase">Text</span> hasilnya seperti :
Text

---

Membuat Huruf  Besar seperti Huruf kecil (Small caps)

<span style="font-variant: small-caps">Text</span> hasilnya seperti ini:
Text

---

Membuat Huruf Subscribe / kecil di bawah

<p>4₂</p>hasilnya seperti ini:
4₂

---

Membuat Huruf Superscribe / pangkat

<p>4²</p> hasilnya seperti ini:
4²

---

Membuat Huruf bergaris atas

<span style="text-decoration: overline">Text</span> hasilnya seperti ini:
Text

---

Membuat Huruf bergaris tengah

<strike>Text</strike> hasilnya seperti ini:
Text

---

Menentukan font ( jenis huruf)

<p><font-family="Arial" >Text</font></p> hasilnya seperti ini:
Text

---

Menentukan ukuran huruf

<p><font-size="3" >Text</font></p> hasilnya seperti ini:
Text

---

Menentukan warna huruf
<p style="color: green; >Text</p> hasilnya seperti ini:
Text

---

Membuat tanda titik  bullet berlubang
 
<ul type="circle">
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
hasilnya seperti ini:

• DOT 1
• DOT 2
• DOT 3

---

Membuat bullet kotak

<ul type="square">
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
hasilnya seperti ini:

• DOT 1
• DOT 2
• DOT 3

---

Membuat bullet bulat

<ul>
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
hasilnya seperti ini:

• DOT 1
• DOT 2
• DOT 3

---

Mengatur posisi bullet 

<blockquote>
<blockquote>
<blockquote>
<ul>
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
</blockquote>
</blockquote>
</blockquote>
hasilnya seperti ini:

• DOT 1
• DOT 2
• DOT 3

---

Menentukan kombinasi warna,jenis,dan ukuran huruf

<p><font style="color: red; font-family: courier new; font-size: 15px;" >Text</font></p>
hasilnya seperti ini:

Text

---

Membuat tabel border solid

<table border="1" width="200">
<tr>
<td style="border-style: solid">Text</td>
</tr>
</table>

hasilnya seperti :

Text

---

Membuat tabel border dot

<table border="1" width="200"
style="border-style: dotted">
<tr>
<td border="2" style="border-style:
dotted">Text</td>
</tr>
</table>
hasilnya seperti ini:

Text

---

Membuat tabel border dashed

<table border="1" width="200" style="border-style: dashed">
<tr>
<td style="border-style: dashed">Text</td>
</tr>
</table>
hasilnya seperti ini:

Text

---

Membuat tabel border groove

<table border="1" width="200" style="border-style: groove">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:

Text

---

Membuat tabel border Ridge

<table border="1" width="200" style="border-style: ridge">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:

Text

---

Membuat tabel border Insert

<table border="1" width="200" style="border-style: inset">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:

Text

---

Membuat tabel border Outset

<table border="1" width="200" style="border-style: outset">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:

Text

---

Membuat Tabel Biasa 

<table border="1"width="200"><td>Text</td></table>
hasilnya seperti:

Text

---

Membuat Tabel berwarna

<table border="1"width="200"bgcolor="green"><td>Text</td></tabel> hasilnya seperti :

Text

---

Membuat Tabel berwarna tak berbingkai

<table border="0"width="200"bgcolor="blue"><td>Text</td></tabel> hasilnya seperti:

Text

---

Semoga Bermanfaat!!!!!