Gambar tema oleh Storman. Diberdayakan oleh Blogger.

Sample Text

Popular Posts

Senin, 11 Januari 2016

Tag-tag dan Kode warna HTML

HTML



Pengertian HTML

Hyper Text Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.





Kode Warna  HTML



WARNA HITAM DAN ABU-ABU (BLACK AND GRAY)
WarnaNamaKode
Black#000000
Dark Slate Gray#2F4F4F
Slate Gray#708090
Light Slate Gray#778899
Dim Gray#696969
Gray#808080
Dark Gray#A9A9A9
Silver#C0C0C0
Light Gray#D3D3D3
Gainsboro#DCDCDC

WARNA MERAH (RED)
WarnaNamaKode
Dark Red#8B0000
Fire Brick#B22222
Red#FF0000
Crimson#DC143C
Light Salmon#FFA07A
Dark Salmon#E9967A
Salmon#FA8072
Light Coral#F08080
Indian Red#CD5C5C

WARNA MERAH MUDA(PINK)
WarnaNamaKode
Pale Violet Red#DB7093
Medium Violet Red#C71585
Deep Pink#FF1493
Hot Pink#FF69B4
Light Pink#FFB6C1
Pink#FFC0CB

WARNA ORANGE
WarnaNamaKode
Orange#FFA500
Dark Orange#FF8C00
Orange Red#FF4500
Tomato#FF6347
Coral#FF7F50

WARNA KUNING (YELLOW)
WarnaNamaKode
Dark Khaki#BDB76B
Khaki#F0E68C
Pale Goldenrod#EEE8AA
Peach Puff#FFDAB9
Moccasin#FFE4B5
Papaya Whip#FFEFD5
Light Goldenrod Yellow#FAFAD2
Lemon Chiffon#FFFACD
Light Yellow#FFFFE0
Yellow#FFFF00
Gold#FFD700

WARNA HIJAU (GREEN)
WarnaNamaKode
Teal#008080
Dark Cyan#008B8B
Light Sea Green#20B2AA
Dark Sea Green#8FBC8F
Medium Aquamarine#66CDAA
Dark Olive Green#556B2F
Olive#808000
Olive Drab#6B8E23
Yellow Green#9ACD32
Dark Green#006400
Green#008000
Forest Green#228B22
Sea Green#2E8B57
Medium Sea Green#3CB371
Spring Green#00FF7F
Medium Spring Green#00FA9A
Light Green#90EE90
Pale Green#98FB98
Lime Green#32CD32
Lime#00FF00
Lawn Green#7CFC00
Chartreuse#7FFF00
Green Yellow#ADFF2F

WARNA BIRU (BLUE)
WarnaNamaKode
Midnight Blue#191970
Navy#000080
Dark Blue#00008B
Medium Blue#0000CD
Blue#0000FF
RoyalBlue#4169E1
Medium Slate Blue#7B68EE
Cornflower Blue#6495ED
Dodger Blue#1E90FF
Deep Sky Blue#00BFFF
Light Sky Blue#87CEFA
Sky Blue#87CEEB
Light Blue#ADD8E6
Powder Blue#B0E0E6
Light Steel Blue#B0C4DE
Steel Blue#4682B4
Cadet Blue#5F9EA0
Dark Turquoise#00CED1
Medium Turquoise#48D1CC
Turquoise#40E0D0
Aquamarine#7FFFD4
Pale Turquoise#AFEEEE
Light Cyan#E0FFFF
Cyan#00FFFF
Aqua#00FFFF

WARNA UNGU (PURPLE)
WarnaNamaKode
Medium Slate Blue#7B68EE
Dark Slate Blue#483D8B
Slate Blue#6A5ACD
Indigo#4B0082
Purple#800080
Dark Magenta#8B008B
Dark Orchid#9932CC
Dark Violet#9400D3
Blue Violet#8A2BE2
Amethyst#9966CC
Medium Purple#9370DB
Medium Orchid#BA55D3
Magenta / Fuchsia#FF00FF
Orchid#DA70D6
Violet#EE82EE
Plum#DDA0DD
Thistle#D8BFD8
Lavender#E6E6FA

WARNA COKLAT (BROWN)
WarnaNamaKode
Maroon#800000
Brown#A52A2A
Sienna#A0522D
Saddle Brown#8B4513
Chocolate#D2691E
Peru#CD853F
Dark Goldenrod#B8860B
Goldenrod#DAA520
Sandy Brown#F4A460
Rosy Brown#BC8F8F
Tan#D2B48C
Burly Wood#DEB887
Wheat#F5DEB3
Navajo White#FFDEAD
Bisque#FFE4C4
Blanched Almond#FFEBCD
Cornsilk#FFF8DC

WARNA PUTIH (WHITE)
WarnaNamaKode
Misty Rose#FFE4E1
Lavender Blush#FFF0F5
Linen#FAF0E6
Antique White#FAEBD7
Ivory#FFFFF0
Floral White#FFFAF0
Old Lace#FDF5E6
Beige#F5F5DC
Seashell#FFF5EE
White Smoke#F5F5F5
Ghost White#F8F8FF
Alice Blue#F0F8FF
Azure#F0FFFF
Mint Cream#F5FFFA
Honeydew#F0FFF0
Snow#FFFAFA
White#FFFFFF




Tag-tag Pada HTML

TagKeterangan
<!-- ... -->Digunakan untuk memberi sebuah komentar atau keterangan. Kalimat yang terletak pada kontiner ini tidak akan terlihat pada browser
<!DOCTYPE> Mendefinisikan informasi tipe dokumen 
<a>Mendefinisikan sebuah anchor, tetapi lebih tepat jika diartikan sebagai tautan dikarenakan tautan ini digunakan untuk saling menautkan antara satu dokumen HTML ke dokumen HTML yang lain 
<abbr>Digunakan untuk menguraikan satu ungkapan yang disingkat dan Anda dapat memberikan informasi bermanfaat kepada penelusur-penulusur page source(halaman sumber kode) / pembaca layar, sistem terjemahan dan mesin pencari yang berasal dari singkatan yang sudah diuraikan, tetapi saat di browser uraian tersebut tidak akan tampil dan hanya sebagai informasi saja
<acronym>Mendefinisikan akronim / fungsi tag ini kurang lebih sama dengan tag <abbr>
<address>Mendefinisikan informasi kontak untuk penulis/pemilik dokumen
<applet>Digunakan untuk memasukan file java kedalam dokumen HTML
<area />Mendefinisikan daerah yang dapat diklik (link) pada peta gambar
<b>Membuat teks tebal
<base />Mendefinisikan URL dasar/target untuk semua URL relatif dalam dokumen
<basefont />Membuat atribut teks default, seperti warna, ukuran, jenis font untuk semua teks dalam dokumen
<bdo>Digunakan untuk menimpa arah teks
<big>Memperbesar ukuran teks sebesar satu point dari defaultnya
<blink>Membuat teks berkedip
<blockquote>Mendefinisikan sebuah kutipan panjang. Pada saat di browser teks akan tampil menjorok kedalam 
<body>Mendefinisikan body/isi dokumen HTML, berfungsi untuk menentukan bagaimana isi suatu dokumen ditampilkan di web browsernya. Isi dokumen tersebut dapat berupa teks, gambar, animas, link dan seterusnya
<br />Memberi baris baru/pindah baris
<button>Mendefinisikan sebuah tombol diklik
<caption>Membuat caption pada tabel
<center>Untuk perataan tengah terhadap teks atau gambar 
<cite>Mendefinisikan kutipan
<code>Mendefinisikan sebuah bagian dari kode komputer
<col />Mendefinisikan nilai atribut dari satu kolom atau lebih dalam sebuah tabel
<colgroup>Menentukan kelompok dari satu kolom atau lebih dalam sebuah tabel untuk performatan
<dd>Mendefinisikan deskripsi dari item dalam daftar definisi
<del>Untuk memberi garis tengah pada teks/mencoret teks
<dfn>Mendefinisikan sebuah istilah definisi
<dir>Mendefinisikan sebuah daftar direktori
<div>Mendefinisikan sebuah section dalam dokumen 
<dl>Mendefinisikan sebuah daftar definisi
<dt>Mendefinisikan istilah (item) dalam daftar definisi
<em>Membuat teks miring. Fungsi tag ini sama dengan tag <i> tetapi tag <em> yang lebih dianjurkan/ditekankan pada penggunaan untuk teks miring
<embed>Digunakan untuk memasukkan file video atau file musik
<fieldset>Untuk mengelompokkan elemen-elemen yang terkait dalam form / membuat seperti frame-box di dalam form
<font>Mendefinisikan jenis font, warna dan ukuran untuk teks
<form>Mendefinisikan sebuah form HTML untuk input form
<frame />Mendefinisikan frame dalam fremeset
<frameset>Mendefinisikan satu set frame
<h1> to <h6>Digunakan untuk menunjukkan awal dari suatu header/judul dari dokumen HTML tersebut.
<head>Digunakan untuk memberikan informasi tentang dokumen tersebut
<hr />Membuat garis horisontal
<html>Mendefinisikan root dari suatu dokumen HTML
<i>Membuat teks miring
<iframe>Mendefinisikan sebuah inline frame
<img />Berfungsi untuk menampilkan gambar pada dokumen HTML
<input />Mendefinisikan input field pada form
<ins>Membuat teks bergaris bawah
<kbd>Mendefinisikan teks yang di input dari keyboard
<label>Mendefinisikan label untuk sebuah elemen <input>
<legend>Mendefinisikan sebuah caption untuk elemen <fieldset>
<li>Digunakan untuk menampilkan informasi dalam bentuk item daftar 
<link />Mendefinisikan hubungan antara dokumen dan sumber eksternalnya
<listing>Fungsi tag ini sama dengan tag <pre> dan dianjurkan menggunakan tag <pre> karena tag <listing> tidak layak/diprotes
<map>Mendefinisikan client-side peta gambar
<marquee> Membuat teks berjalan secara vertikal atau horisontal
<menu>Mendefinisikan sebuah daftar menu
<meta />Mendefinisikan metadata tentang sebuah dokumen HTML
<nobr>Mencegah ganti baris pada teks atau gambar
<noframes>Jika browser user tidak mendukung frame
<noscript>Jika browser user tidak mendukung client-side scripts
<object>meletakkan embed sebuah objek
<ol>Mendefinisikan daftar dalam format penomoran
<optgroup>Menampilkan beberapa pilihan yang sudah dikelompokkan dalam bentuk sebuah daftar drop-down
<option>Menampilkan beberapa pilihan yang berbentuk dalam sebuah daftar drop-down
<p>Membuat sebuah paragraf
<param />Mendefinisikan sebuah parameter untuk objek
<pre>Membuat teks dengan ukuran huruf yang sama
<q>Mendefinisikan sebuah kutipan singkat
<s>Untuk memberi garis tengah pada teks/mencoret teks, fungsi tag ini sama dengan tag <del> tetapi tag <s> tidak dianjurkan sebagai gantinya menggunakan tag <del>
<samp>Mendefinisikan contoh keluaran dari program komputer
<script>Mendefinisikan client-side script
<select>Membuat daftar drop-down
<small>Memperkecil ukuran teks dari ukuran defaultnya
<span>Mendefinisikan sebuah section dalam dokumen 
<strike>Untuk memberi garis tengah pada teks/mencoret teks, fungsi tag ini sama dengan tag <del>
<strong>Membuat teks tebal, fungsi tag ini sama dengan tag <b>
<style>Mendefinisikan informasi style untuk dokumen HTML
<sub>Memberikan efek subscript pada teks
<sup>Memberikan efek superscript pada teks
<table>Membuat tabel
<tbody>Untuk mengelompokkan isi body di dalam sebuah tabel
<td>Mendefinisikan sel di dalam sebuah tabel
<textarea>Mendefinisikan sebuah kontrol input multiline
<tfoot>Untuk mengelompokkan isi footer di dalam sebuah tabel
<th>Mendefinisikan sel header di dalam  sebuah tabel
<thead>Untuk mengelompokkan isi header di dalam sebuah tabel
<title>Membuat judul untuk dokumen HTML
<tr>Membuat baris di dalam sebuah tabel
<tt>Mendefinisikan teletype text
<u>Membuat teks bergaris bawah, fungsi tag ini sama dengan tag <ins> tetapi tag <u> tidak dianjurkan untuk kategori HTML text formatting melainkan termasuk kategori HTML Style
<ul>Mendefinisikan daftar dalam format bullet
<var>Mendefinisikan sebuah variabel
<xmp>Mendefinisikan preformatted text, fungsi tag ini sama dengan tag <pre>














































































0 on: "Tag-tag dan Kode warna HTML"