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
Belajar
Membuat Huruf Garis Bawah
gunakan kode : <u>Belajar</u> hasilnya seperti :
Belajar
Belajar
Membuat Huruf bercetak Miring gunakan
kode : <i>Belajar</i> hasilnya seperti :
Belajar
Belajar
Membuat Kombinasi huruf
tebal,miring,garisbawah,gunakan kode :
<b><i><u>Belajar</u></i></b> hasilnya seperti :
Belajar
<b><i><u>Belajar</u></i></b> hasilnya seperti :
Belajar
Membuat Huruf tebal strong
gunakan kode : <srong>Belajar</strong> hasilnya seperti :
Belajar
Belajar
Membuat Huruf Hidden gunakan
kode : <span style="visibility: hidden">Belajar</span>
hasilnya seperti :
Namanya juga hidden..ya..ga keliatan..
Namanya juga hidden..ya..ga keliatan..
Membuat Huruf Besar semua
(uppercase) gunakan kode :
<span style="text-transform: uppercase">Belajar</span> hasilnya seperti :
Belajar
<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
<span style="font-variant: small-caps">Belajar</span> hasilnya seperti ini:
Belajar
Membuat Huruf Subscribe / kecil di
bawah gunakan kode:
<p>4<sub>2</sub></p>hasilnya seperti ini:
42
<p>4<sub>2</sub></p>hasilnya seperti ini:
42
Membuat Huruf Superscribe / pangkat
gunakan kode:
<p>4<sup>2</sup></p> hasilnya seperti ini:
42
<p>4<sup>2</sup></p> hasilnya seperti ini:
42
Membuat Huruf bergaris atas
gunakan kode:
<span style="text-decoration: overline">Belajar</span> hasilnya seperti ini:
Belajar mengganti huruf
<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
<strike>Belajar</strike> hasilnya seperti ini:
Menentukan jenis huruf gunakan
kode:
<p><font-family="Arial" >Belajar</font></p> hasilnya seperti ini:
Belajar
<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
<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
<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:
<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 dot kotak gunakan
kode:
<ul type="square">
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
hasilnya seperti ini:
<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 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>
<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;" >Belajar</font></p>
hasilnya seperti ini:
<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>
<tr>
<td style="border-style: solid">Text</td>
</tr>
</table>
hasilnya seperti :
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 seperti ini:
<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:
<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:
<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:
<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:
<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:
<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:
<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 :
<table border="1"width="200"bgcolor="green"><td>Text</td></tabel> hasilnya seperti :
Sumber
http://ekabutarbutar.blogspot.com/2011/04/rumus-rumus-html.html
0 comments:
Post a Comment