Di bawah ini ada beberapa kode-kode untuk mewakili pemformatan text maupun mebuat berbagai object dalam halaman anda,meskipun sekarang sudah banyak pembuatan halaman HTML dengan software instant seperti Dreamweaver dll.
Belajar
Membuat Posisi kekanan gunakan kode : <p align="right">Belajar</p> hasilnya seperti :
Belajar
Belajar
Belajar
Belajar
Belajar
<b><i><u>Belajar</u></i></b> hasilnya seperti :
Belajar
Belajar
Namanya juga hidden..ya..ga keliatan..
<span style="text-transform: uppercase">Belajar</span> hasilnya seperti :
BELAJAR
<span style="font-variant: small-caps">Belajar</span> hasilnya seperti ini:
Belajar
<p>4<sub>2</sub></p>hasilnya seperti ini:
42
<p>4<sup>2</sup></p> hasilnya seperti ini:
42
<span style="text-decoration: overline">Belajar</span> hasilnya seperti ini:
Belajar
<strike>Belajar</strike> hasilnya seperti ini:
<p><font-family="Arial" >Belajar</font></p> hasilnya seperti ini:
<p><font-size="3" >Belajar</font></p> hasilnya seperti ini:
<p style="color: green; >Belajar</p> hasilnya seperti ini:
Belajar
<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
<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
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:
- DOT 1
- DOT 2
- DOT 3
<p><font style="color: red; font-family: courier new; font-size: 15px;" >Belajar</font></p>
hasilnya seperti ini:
Belajar
<table border="1" width="200">
<tr>
<td style="border-style: solid">Text</td>
</tr>
</table>
hasilnya seperti :
Text |
<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 |
<table border="1" width="200" style="border-style: dashed">
<tr>
<td style="border-style: dashed">Text</td>
</tr>
</table>
hasilnya seperti ini:
Text |
<table border="1" width="200" style="border-style: groove">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:
Text |
<table border="1"width="200"bgcolor="green"><td>Text</td></tabel>
hasilnya seperti :
Text |
<table border="0"width="200"bgcolor="blue"><td>Text</td></tabel>
hasilnya seperti:
Text |
0 comments:
Posting Komentar