Dalam HTML seperti pemformatan text berupa tebal,miring,garis bawah,membuat tabel,dll,dapat di lakukan dengan kode-kode.Bagi anda yang belum begitu mengerti HTML
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.
Membuat Center,gunakan kode : <p align="center">Gitotic</p> hasilnya seperti:
Gitotic
Membuat Posisi kekanan gunakan kode : <p align="right">Gitotic</p> hasilnya seperti :
Gitotic
Membuat Posisi kekiri gunakan kode: <p align="left">Gitotic</p> hasilnya seperti :
Gitotic
Membuat Huruf Tebal gunakan kode: <b>Gitotic</b> hasilnya seperti :
Gitotic
Membuat Huruf Garis Bawah gunakan kode : <u>Gitotic</u> hasilnya seperti :
Gitotic
Membuat Huruf bercetak Miring gunakan kode : <i>Gitotic</i> hasilnya seperti :
Gitotic
Membuat Kombinasi huruf tebal,miring,garisbawah,gunakan kode : <b><i><u>Gitotic</u></i></b> hasilnya seperti :
Gitotic
Membuat Huruf tebal strong gunakan kode : <srong>Gitotic</strong> hasilnya seperti :
Gitotic
Membuat Huruf Hidden gunakan kode : <span style="visibility: hidden">Gitotic</span> hasilnya seperti :
Kalau hidden pasti g keliatan Sob.. Alias Sembunyi....
Membuat Huruf Besar semua (uppercase) gunakan kode : <span style="text-transform: uppercase">Gitotic</span> hasilnya seperti :
Gitotic
Membuat Huruf Small caps gunakan kode: <span style="font-variant: small-caps">Gitotic</span> hasilnya seperti ini:
Gitotic
Membuat Huruf Subscribe / kecil di bawah gunakan kode: <p>G<sub>7</sub></p> hasilnya seperti ini:
G7
Membuat Huruf Superscribe / pangkat gunakan kode: <p>G<sup>7</sup></p> hasilnya seperti ini:
G7
Membuat Huruf bergaris atas gunakan kode: <span style="text-decoration: overline">Gitotic</span> hasilnya seperti ini:
Gitotic
Membuat Huruf bergaris tengah gunakan kode: <strike>Gitotic</strike> hasilnya seperti ini:
Gitotic
Menentukan jenis huruf gunakan kode: <p><font-family="Arial" >Gitotic</font></p> hasilnya seperti ini:
Gitotic
Menentukan ukuran huruf gunakan kode: <p><font-size="3" >Gitotic</font></p> hasilnya seperti ini:
Gitotic
Menentukan warna huruf gunakan kode: <p style="color: yellow; >Gitotic</p> hasilnya seperti ini:
<p style="color: yellow; >Gitotic</p>
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:
hasilnya seperti ini:
- 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 seperti ini:
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
hasilnya seperti ini:
- 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 seperti ini:
<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 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:
<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 gunakan kode: <p><font style="color: red; font-family: courier new; font-size: 15px;" >Selerakita</font></p> hasilnya seperti ini:
Selerakita
Membuat tabel border solid gunakan kode:
<table border="1" width="200">
<tr>
<td style="border-style: solid">Selerakita</td>
</tr>
</table>
hasilnya seperti :
| Selerakita |
Membuat tabel border dot gunakan kode:
<table border="1" width="200"
style="border-style: dotted">
<tr>
<td border="2" style="border-style:
dotted">Selerakita</td>
</tr>
</table>
hasilnya seperti ini:
style="border-style: dotted">
<table border="1" width="200"
style="border-style: dotted">
<tr>
<td border="2" style="border-style:
dotted">Selerakita</td>
</tr>
</table>
hasilnya seperti ini:
style="border-style: dotted">
| Selerakita |
Membuat tabel border dashed gunakan kode:
<table border="1" width="200" style="border-style: dashed">
<tr>
<td style="border-style: dashed">Selerakita</td>
</tr>
</table>
hasilnya seperti ini:
<table border="1" width="200" style="border-style: dashed">
<tr>
<td style="border-style: dashed">Selerakita</td>
</tr>
</table>
hasilnya seperti ini:
| Selerakita |
Membuat tabel border groove gunakan kode:
<table border="1" width="200" style="border-style: groove">
<tr>
<td>Selerakita</td>
</tr>
</table>
hasilnya seperti ini:
| Selerakita |
Membuat tabel border Ridge gunakan kode:
<table border="1" width="200" style="border-style: ridge">
<tr>
<td>Selerakita</td>
</tr>
</table>
hasilnya seperti ini:
| Selerakita |
Membuat tabel border Insert gunakan kode:
<table border="1" width="200" style="border-style: inset">
<tr>
<td>Selerakita</td>
</tr>
</table>
hasilnya seperti ini:
| Selerakita |
Membuat tabel border Outset gunakan kode:
<table border="1" width="200" style="border-style: outset">
<tr>
<td>Selerakita</td>
</tr>
</table>
hasilnya seperti ini:
| Selerakita |
Membuat Tabel Biasa gunakan kode :
<table border="1"width="200"><td>Selerakita</td></table> hasilnya seperti:
| Selerakita |
Membuat Tabel berwarna gunakan kode :
<table border="1"width="200"bgcolor="yeloow"><td>Selerakita</td></tabel> hasilnya seperti :
| Selerakita |
Membuat Tabel berwarna tak berbingkai gunakan kode :
<table border="0"width="200"bgcolor="blue"><td>Selerakita</td></tabel> hasilnya seperti:
| Selerakita |
Creatif By : Unknown Blognya Anak Lamongan
Terimah Kasih telah membaca artikelKode Kode Dasar HTML. Yang ditulis oleh Unknown .Pada hari . Jika anda ingin sebarluaskan artikel ini, mohon sertakan Kritik dan saran dapat anda sampaikan melalui kotak komentar. Trimakasih
0 comments:
Posting Komentar