Kode Warna Html / Html Code of Color

Kode Warna dalam Bahasa Html

Sengaja artikel ini saya ambil dari situs di http://camex.wen.ru/Sampel/Warna.html untuk sekedar berbagi saja,mengingat para blogger pemula yang belum mengetahuinya namun nyasar di blog sederhana ini,maka dengan senang hati kami mempublikasikannya kembali di sini.

Seperti yang sudah kita ketahui ya sob,kode kode warna dalam bahasa html sangatlah banyak,maka jika dibuat dengan tabel seperti yang dilakukan teman kita ini sangat membantu sekali.
Mungkin beberapa waktu lalu di posting Kode kode Html belum sempat saya bahas masalah ini,dan inilah waktu saya ingin bagikan informasi html warna ini.

Saya yakin bahwa pembuat tabel ini sangat teliti dan ini jasa yang tidak sembarangan untuk di duplikat,kendati demikian tanpa mengurangi rasa hormat saya kepada pihak yang terkait,saya lampirkan tabel warna beliau di posting kali ini.Semoga membantu ya sob.

Contoh penggunaan dari kode html warna ini cukup melihat notasinya tepat berada di tabel warna yang dimaksudkan.
Misal,saya ingin menulis 'Belajar Kode Warna Html' dengan warna merah,maka saya akan menuliskannya bisa dengan dua cara,yakni:

Saya akan menulis posting dengan metode Edit Html bukan Compose,lihat gambar:

1.Saya bisa menulikannya seperti ini:

<span style="color:red;">Belajar Kode Warna Html</span>

2.Saya bisa menggantinya dengan menggunakan bahasa warna html dari merah,llihat tabel,kode html dari merah adalah #FF0000,jadi saya bisa menuliskannya seperti ini:

<span style="color:#FF0000;">Belajar Kode Warna Html</span>

Dan,inilah tabel kode warna untuk bahasa html:

#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

Kode-kode HTML

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 : Belajar 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: Belajar 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> 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: 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: 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 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> 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: 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: 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: 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: 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: 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: 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) Baca Juga Yang Ini.. Apa itu HTML? Menampilkan Kode pada Artikel Membuat Text Area (3 macam)