Kode-kode dasar HTML
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,bisa baca disini
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">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 gunakan kode : <span style="visibility:
hidden">Belajar</span> hasilnya seperti :
Namanya juga
hidden..ya..ga keliatan..
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<sub>2</sub></p>hasilnya
seperti ini:
42
Membuat Huruf
Superscribe / pangkat gunakan kode:
<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
Membuat Huruf
bergaris tengah gunakan kode:
<strike>Belajar</strike> hasilnya
seperti ini:
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>
<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>
<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>
<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>
<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:
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>
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>
<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>
<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>
<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>
<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>
<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
|
Untuk
kode-kode HTML yang lain anda bisa mengulik lewat software-software web
designer atau situs-situs penyedia layanan HTML.
**Tabel-tabel diatas,akan terlihat sempurna jika dibuka pada browser IE (Internet Explorer)
KODE WARNA
HTML
CAMEX WAP
KODE WARNA HTML Contoh:Putih =>#ffffff;
|
#FOF8FF
Aliceblue |
|
#FAEBD7
Antiquewhite |
|
#00FFFF
Aqua |
|
#7FFFD4
Aquamarine |
|
#F0FFFF
Azure |
|
#F5F5DC
Beige |
|
#FFE4C4
Bisque |
|
#000000
Black |
|
#FFEBCD
Blanchedalmond |
|
#0000FF
Blue |
|
#8A2BE2
Blueviolet |
|
#A52A2A
Brown |
|
#DEB887
Burlywood |
|
#5F9EAD
Cadetblue |
|
#7FFF00
Chartreuse |
|
#D2691E
Chocolate |
|
#FF7F50
Coral |
|
#64950
Cornflowerblue |
|
#FFF8DC
Cornsilk |
|
#DC143C
Crimson |
|
#00FFFF
Cyan |
|
#00008B
Darkblue |
|
#008B8B
Darkcyan |
|
#B8860B
Darkgoldenrod |
|
#A9A9A9
Darkgray |
|
#006400
Darkgreen |
|
#8B008B
Darkmagenta |
|
#BDB76B
Darkkhaki |
|
#556B2F
Darkolivegreen |
|
#FF8C00
Darkorange |
|
#9932CC
Darkorchid |
|
#8B0000
Darkred |
|
#E9967A
Darksalmon |
|
#8FBC8B
Darkseagreen |
|
#483D8B
Darkslateblue |
|
#2F4F4F
Darkslategray |
|
#00CED1
Darkturquoise |
|
#9400D3
Darkviolet |
|
#FF1493
Deeppink |
|
#00BFFF
Deepskyblue |
|
#696969
Dimgray |
|
#1E90FF
Dodgerblue |
|
#B22222
Firebrick |
|
#FFFAF0
Floralwhite |
|
#228B22
Forestgreen |
|
#FF00FF
Fuchsia |
|
#DCDCDC
Gainsboro |
|
#F8F8FF
Ghostwhite |
|
#FFD700
Gold |
|
#DAA520
Goldenrod |
|
#808080
Gray |
|
#008000
Green |
|
#ADFF2F
Greenyellow |
|
#F0FFF0
Honeydew |
|
#FF69B4
Hotpink |
|
#CD5C5C
Indianred |
|
#4B0082
Indigo |
|
#FFFFF0
Ivory |
|
#F0E68C
Khaki |
|
#E6E6FA
Lavender |
|
#FFF0F5
Lavenderblush |
|
#7CFC00
Lawngreen |
|
#FFFACD
Lemonchiffon |
|
#ADE8E6
Lightblue |
|
#F08080
Lightcoral |
|
#E0FFFF
Lightcyan |
|
#FAFAD2
Lightgoldenrodyellow |
|
#90EE90
Lightgreen |
|
#D3D3D3
Lightgray |
|
#FFB6C1
Lightpink |
|
#FFA072
Lightsalmon |
|
#20B2AA
Lightseagreen |
|
#87CEFA
Lightskyblue |
|
#778899
Lightslategray |
|
#B0C4DE
Lightsteelblue |
|
#FFFFE0
Lightyellow |
|
#00FF00
Lime |
|
#32CD32
Limegreen |
|
#FAF0E6
Linen |
|
#FF00FF
Magenta |
|
#800000
Maroon |
|
#66CDAA
Mediumaquamarine |
|
#0000CD
Mediumblue |
|
#BA55D3
Mediumorchid |
|
#9370DB
Mediumpurple |
|
#3CB371
Mediumseagreen |
|
#7B68EE
Mediumslateblue |
|
#00FA9A
Mediumspringgreen |
|
#48D1CC
Mediumturquoise |
|
#C71585
Mediumvioletred |
|
#191970
Midnightblue |
|
#F5FFFA
Mintcream |
|
#FFE4E1
Mistyrose |
|
#FFE4E1
Moccasin |
|
#FFDEAD
Navajowhite |
|
#000080
Navy |
|
#FDF5E6
Oldlace |
|
#808000
Olive |
|
#6B8E23
Olivedrab |
|
#FFA500
Orange |
|
#FF100%0
Orangered |
|
#DA70D6
Orchid |
|
#EEE8AA
Palegoldenrod |
|
#98FB98
Palgreen |
|
#AFEEEE
Paleturquoise |
|
#DB7093
Palevioletred |
|
#FFEFD5
Papayawhip |
|
#FFDAB9
Peachpuff |
|
#CD853F
Peru |
|
#FFC0CB
Pink |
|
#DDA0DD
Plum |
|
#B0E0E6
Powderblue |
|
#800080
Purple |
|
#FF0000
Red |
|
#BC8F8F
Rosybrown |
|
#4169E1
Royalblue |
|
#8B4513
Saddlebrown |
|
#FA8072
Salmon |
|
#F4A460
Sandybrown |
|
#2E8B57
Seagreen |
|
#FFF5EE
Seashell |
|
#A0522D
Sienna |
|
#C0C0C0
Silver |
|
#87CEEB
Skyblue |
|
#708090
Slategray |
|
#FFFAFA
Snow |
|
#00FF7F
Springgreen |
|
#4682B4
Steelblue |
|
#D2B48C
Tan |
|
#008080
Teal |
|
#D8BFD8
Thistle |
|
#FF6347
Tomato |
|
#40E0D0
Turquoise |
|
#EE82EE
Violet |
|
#F5DEB3
Wheat |
|
#FFFFFF
White |
|
#F5F5F5
Whitesmoke |
|
#FFFF00
Yellow |
|
#9ACD32
Yellowgreen |
