Belajar Kode HTML 1

Ada beberapa kode-kode untuk mewakili pemformatan text maupun mebuat berbagai object ,walaupun sekarang banyak cara pembuatan halaman HTML dengan software instant,lihat uraian kode-kode HTML di bawah ini:

Posisi kekanan gunakan kode berikut ini :  <p align="right">My Blog> </p>

hasilnya : 
My Blog

Posisi ke kiri gunakan kode ini : <p align="left">My Blog> </p>

hasilnya:

My Bog 

Posisi di tengah gunakan kode ini :

<p align="center">My Blog> </p>
hasilnya :

My Blog
 

Huruf garis bawah gunakan kode ini :  <u>My Blog</u>

hasilnya :

My Blog

Huruf cetak miring gunakan kode ini : <i>My Blog</i>

hasilnya : 

My Blog

Huruf tebal gunakan kode ini : <b>My Blog</b>

hasilnya :

My Blog 

Kombinasi huruf dari tebal/miring/garisbawah gunakan kode  ini: 

<b><i><u>My Blog</u></i></b>

hasilnya :

My Blog

Huruf Besar semua (uppercase) gunakan kode :

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

hasilnya :

BELAJAR

Huruf Small caps gunakan kode:

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

hasilnya :

Belajar  

Huruf Subscribe / kecil di bawah gunakan kode: <p>4<sub>2</sub></p>

hasilnya :

42

Huruf Superscribe / pangkat gunakan kode: <p>4<sup>2</sup></p>

hasilnya :

42 

Huruf bergaris atas gunakan kode : <span style="text-decoration: overline">Belajar</span>

hasilnya :

Belajar 

Huruf bergaris tengah gunakan kode: <strike>Belajar</strike>

hasilnya :

Belajar

Jenis huruf gunakan kode: <p><font-family="Arial" >Belajar</font></p>

hasilnya :

Belajar

Ukuran huruf gunakan kode: <p><font-size="3"  >Belajar</font></p>

hasilnya :

Belajar 

Warna huruf  gunakan kode:

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

hasilnya :

Belajar

Membuat  bullet dot bolong gunakan kode:

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

hasilnya :

DOT 1


DOT 2


DOT 3

Membuat  bullet dot kotak gunakan kode:

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

hasilnya :

DOT 1
DOT 2
DOT 3

Membuat bullet dot bulat gunakan kode:

<ul>

<li>DOT 1</li>

<li>DOT 2</li>

<li>DOT 3</li>

</ul>

hasilnya : 

DOT 1
DOT 2
DOT 3

Membuat  tabel border solid gunakan kode:

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

hasilnya :

Text

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 :

style="border-style: dotted"> 

 
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 :

Text

Membuat Tabel  berwarna gunakan kode :

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

hasilnya :

 

Text