Belajar Kode-kode HTML Dasar

Semoga kali ini sangat bermanfaat untuk bisa berbagi Kode-kode HTML dibawah ini untuk teman-teman dan Pembaca sekalian.

Kode-kode HTML itu sebenarnya merupakan salah satu syarat yang harus dimiliki sebagai seorang blogger untuk bisa lebih mudah dalam pengeditan dan lain-lain.

Mari Kita semua BELAJAR !!!

_____________________________________________________________________________________

Membuat Center, gunakan kode : 

<p align="center">Belajar</p>

hasilnya seperti:

Belajar

_____________________________________________________________________________________

Membuat Posisi kekanan gunakan kode : 

<p align="right">Belajar</p> 

hasilnya seperti :

Belajar

_____________________________________________________________________________________

Membuat Posisi kekiri gunakan kode: 

<p align="left">Belajar</p> 

hasilnya seperti :

Belajar

_____________________________________________________________________________________

Membuat Huruf Tebal gunakan kode: 

<b>Belajar</b> 

hasilnya seperti :

Belajar
_____________________________________________________________________________________

Membuat Huruf Garis Bawah gunakan kode : 

<u>Belajar</u> 

hasilnya seperti :

Belajar
_____________________________________________________________________________________

Membuat Huruf bercetak Miring gunakan kode : 

<i>Belajar</i> 

hasilnya seperti :

Belajar

_____________________________________________________________________________________

Membuat Kombinasi huruf tebal, miring, garisbawah, gunakan kode 

<b><i><u>Belajar</u></i></b>  

hasilnya seperti :

Belajar
_____________________________________________________________________________________

Membuat Huruf tebal strong gunakan kode : 

<srong>Belajar</strong> 

hasilnya seperti :

Belajar
_____________________________________________________________________________________

Membuat Huruf Hidden 'devinisi Hidden itu disembunyikan' gunakan kode : 

<span style="visibility: hidden">Belajar</span>

 hasilnya seperti ini:

_____________________________________________________________________________________

Membuat Huruf Besar semua (uppercase) gunakan kode :

<span style="text-transform: uppercase">Belajar</span> 

hasilnya seperti :

BELAJAR
_____________________________________________________________________________________

Membuat Huruf Small caps gunakan kode :

<span style="font-variant: small-caps">Belajar</span> 

hasilnya seperti ini:

Belajar
_____________________________________________________________________________________

Membuat Huruf Subscribe / kecil di bawah gunakan kode :

<p>4₂</p> 

hasilnya seperti ini:

4₂
_____________________________________________________________________________________

Membuat Huruf Superscribe / pangkat gunakan kode :

<p>4²</p> 

hasilnya seperti ini:

4²
_____________________________________________________________________________________

Membuat Huruf bergaris atas gunakan kode :

<span style="text-decoration: overline"> Belajar </span> 

hasilnya seperti ini:

Belajar mengganti huruf
_____________________________________________________________________________________

Membuat Huruf bergaris tengah gunakan kode :

<strike>Belajar</strike> 

hasilnya seperti ini:

Belajar
_____________________________________________________________________________________

Menentukan jenis huruf gunakan kode :

<p><font-family="Arial" >Belajar</font></p> 

hasilnya seperti ini:

Belajar
_____________________________________________________________________________________

Menentukan ukuran huruf gunakan kode :

<p><font-size="3" >Belajar</font></p> 

hasilnya seperti ini:

Belajar
_____________________________________________________________________________________

Menentukan warna huruf gunakan kode :

<p style="color: green; >Belajar</p> 

hasilnya seperti ini:

Belajar
_____________________________________________________________________________________

Membuat bullet dot bolong gunakan kode:

<ul type="circle">
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>

hasilnya seperti ini:

_____________________________________________________________________________________

Membuat bullet dot kotak gunakan kode:

<ul type="square">
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>

hasilnya seperti ini:

_____________________________________________________________________________________

Membuat bullet dot bulat gunakan kode:

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

hasilnya seperti ini:

_____________________________________________________________________________________

Mengatur posisi bullet gunakan kode:

<blockquote>
<blockquote>
<blockquote>
<ul>
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
</blockquote>
</blockquote>
</blockquote>

hasilnya seperti ini:

                       

_____________________________________________________________________________________

Menentukan kombinasi warna,jenis,dan ukuran huruf gunakan kode:

<p><font style="color: red; font-family: courier new; font-size: 15px;" >Belajar</font></p>

hasilnya seperti ini:

Belajar

_____________________________________________________________________________________

Membuat tabel border solid gunakan kode:

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

hasilnya seperti :

_____________________________________________________________________________________
Membuat tabel border dot gunakan kode:

<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 gunakan kode:

<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 gunakan kode:

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

hasilnya seperti ini:

Text

_____________________________________________________________________________________

Membuat tabel border Ridge gunakan kode:

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

hasilnya seperti ini:

Text

_____________________________________________________________________________________

Membuat tabel border Insert gunakan kode:

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

hasilnya seperti ini:

Text

_____________________________________________________________________________________

Membuat tabel border Outset gunakan kode:

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

hasilnya seperti ini:

Text

_____________________________________________________________________________________

Membuat Tabel Biasa gunakan kode :

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

hasilnya seperti:

Text

_____________________________________________________________________________________

Membuat Tabel berwarna gunakan kode :

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

hasilnya seperti :

Text

_____________________________________________________________________________________

Membuat Tabel berwarna tak berbingkai gunakan kode :

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

hasilnya seperti:

Text

_____________________________________________________________________________________

Ini baru sebagian dari dasar HTML.