kumpulan tag html-css
DESCRIPTION
Kumpulan Tag HTML-CSSTRANSCRIPT
KODE UNTUK KARAKTER KHUSUS
Simbol Karakter yg ditampilkan
" "
& &
< <
> >
Œ Œ
œ œ
Š Š
š š
Ÿ Ÿ
ˆ ˆ
˜ ˜
 
 
 
‌
‍
‎
‏
– Ŕ
— ŕ
‘ Ř
’ ř
‚ ‚
“ Ŗ
” ŗ
„ „
† †
‡ ‡
‰ ‰
‹ ‹
› ›
€ €
Tag HTML :
Tag Description DTD
<!Ŕ…Ŕ> Mendefinisikan komentar STF
<!DOCTYPE> Mendefinisikan tipe dokumen STF
<a> Mendefinisikan sebuah anchor STF
<abbr> Mendefinisikan singkatan STF
<acronym> Mendefinisikan akronim STF
<address> Mendefinisikan elemen alamat STF
<applet> Mendefinisikan applet (tidak digunakan lagi) TF
<area> Mendefinisikan sebuah area dalam image map STF
<b> Memberi style bold pada teks STF
<base> Mendefinisikan base URL untuk semua link pada halaman STF
<basefont> Mendifinisikan base font (tidak digunakan lagi) TF
<bdo> Mendefinisikan arah display teks STF
<big> Membuat teks menjadi berukuran besar STF
<blockquote> Membuat kutipan panjang STF
<body> Mendefinisikan elem bodi STF
<br> Memasukkan line break single STF
<button> Membuat push button STF
<caption> Mendefinisikan table caption STF
<center> Membuat teks berada di tengah (tidak digunakan lagi) TF
<cite> Membuat kutipan STF
<code> Membuat kode bahasa komputer STF
<col> Mendefinisikan atribut untuk kolom pada tabel STF
<colgroup> Mendefinisikan grup pada kolom tabel STF
<dd> Mendefinisikan deskripsi pada definisi (?_?) STF
<del> Mendefinisikan teks yang didelete STF
<dir> Membuat directory list (tidak digunakan lagi) TF
<div> Mendefinisikan sebuah bagian pada dokumen STF
<dfn> Mendefinisikan sebuah istilah definisi STF
<dl> Membuat sebuah daftar definisi STF
<dt> Membuat sebuah istilah definisi STF
<em> Membuat sebuah teks ter-emphasize STF
<fieldset> Membuat sebuah fieldset STF
<font> Menentukan jenis, warna, dan tipe huruf (tidak digunakan lagi) TF
<form> Membuat sebuah form STF
<frame> Membuat sebuah frame F
<frameset> Mendefinisikan set frame F
<h1> to <h6> Mendefinisikan header satu sampai enam STF
<head> Memberikan informasi tentang dokumen STF
<hr> Memberikan ukuran horizontal STF
<html> Membuat sebuah dokumen HTML STF
<i> Membuat teks dengan style italic STF
<iframe> Membuat inline frame TF
<img> Mendefinisikan sebuah image STF
<input> Mendefinisikan sebuah input field STF
<ins> Mendefinisikan teks yang di insert STF
<isindex> Mendefinisikan sebuah single-line input field (tidak digunakan lagi) TF
<kbd> Mendefinisikan teks keyboard STF
<label> Mendefinisikan label untuk form control STF
<legend> Mendefinisikan judul dalam fieldset STF
<li> Mendefinisikan list item STF
<link> Mendefinisikan referensi/daftar pustaka STF
<map> Mendefinisikan sebuah image map STF
<menu> Membuat sebuah menu list (tidak digunakan lagi) TF
<meta> Mendefinisikan sebuah meta information STF
<noframes> Mendefinisikan sebuah bagian noframe TF
<noscript> Mendefinisikan sebuah bagian noscript STF
<object> Mendefinisikan sebuah objek STF
<ol> Membuat sebuah ordered list STF
<optgroup> Membuat sebuah option group STF
<option> Mendefinisikan option dalam sebuah drop-down list STF
<p> Membuat paragraf STF
<param> Memberikan parameter untuk sebuah objek STF
<pre> Membuat preformatted text STF
<q> Membuat sebuah kutipan singkat STF
<s> Membuat teks memiliki atribut strikethrough (tidak digunakan lagi) TF
<samp> Membuat sampel computer code STF
<script> Membuat sebuah script STF
<select> Membuat selectable list STF
<small> Membuat teks berukuran kecil STF
<span> Mendefinisikan sebuah bagian dalam sebuah dokumen STF
<strike> Membuat teks strikethrough (g dipake) TF
<strong> Membuat teks dengan atribut strong STF
<style> Membuat definisi dari sebuah style STF
<sub> Membuat teks dengan style subscript STF
<sup> Membuat teks dengan style superscript STF
<table> Membuat tabel STF
<tbody> Membuat body tabel STF
<td> Mebuat cell tabel STF
<textarea> Membuat sebuah area teks STF
<tfoot> Membuat footer pada tabel STF
<th> Membuat header pada tabel STF
<thead> sama dengan di atas! STF
<title> Mendefinisikan judul dokumen STF
<tr> Membuat row pada tabel STF
<tt> Membuat teks teletype STF
<u> Membuat teks underline (tidak digunakan lagi) TF
<ul> Membuat sebuah unordered list STF
<var> Mendefinisikan sebuah variabel STF
<xmp> Membuat preformatted text (tidak digunakan lagi)
Tag CSS :
Property Deskripsi Values
background Mengeset semua properti
background dalam satu
deklarasi
background-color background-
image background-repeat
background-attachment
background-position
background-attachment Mengeset kondisi posisi
background; antara dapat
discroll atau tidak dapat
digerakkan dalam halaman
Scroll fixed
background-color Mengeset warna latar
background suatu elemen
color-rgb color-hexcolor-
nametransparent
background-image Mengeset sebuah gambar
menjadi sebuah background
url(URL)none
background-position Mengeset posisi background top lefttop centertop rightcenter
left
center center
center right
bottom left
bottom center
bottom right
x% y%
xpos ypos
background-repeat Mengeset apakah/bagaimana
background akan diulang
repeatrepeat-xrepeat-yno-repeat
Border
Property Deskripsi Values
border Mengeset semua properti
untuk 4-border (yang
tertutup) dalam satu deklarasi
border-width border-
styleborder-color
border-bottom Mengeset semua properti
untuk bottom-border (yang
bawah aja) dalam satu
deklarasi
border-bottom-width border-
styleborder-color
border-bottom-color Mengeset warna dari bottom-
border
border-color
border-bottom-style Mengeset style dari bottom
border
border-style
border-bottom-width Mengeset ketebalan dari garis thinmediumthicklength
bottom-border
border-color Mengeset warna dari
keseluruhan border
color
border-left Mengeset semua properti
untuk left-border (yang kiri
aja) dalam satu deklarasi
border-left-width border-
styleborder-color
border-left-color Mengeset warna dari left-
border
border-color
border-left-style Mengeset style dari left-
border
border-style
border-left-width Mengeset ketebalan dari garis
left-border
thinmediumthicklength
border-right Mengeset semua properti
untuk right-border (yang
kanan aja) dalam satu
deklarasi
border-right-width border-
styleborder-color
border-right-color Mengeset warna dari right-
border
border-color
border-right-style Mengeset style dari right-
border
border-style
border-right-width Mengeset ketebalan dari garis
right-border
thinmediumthicklength
border-style Mengeset style dari
keseluruhan border
nonehiddendotteddashed
solid
double
groove
ridge
inset
outset
border-top Mengeset semua properti
untuk top-border (yang atas
aja) dalam satu deklarasi
border-top-width border-
styleborder-color
border-top-color Mengeset warna dari top-
border
border-color
border-top-style Mengeset style dari top-
border
border-style
border-top-width Mengeset ketebalan dari garis
top-border
thinmediumthicklength
border-width Mengeset ketebalan dari
keseluruhan border; terdapat
empat jenis ketebalan
thinmediumthicklength
Classification
Property Deskripsi Values
clear Mengeset sisi dari sebuah
elemen dimana elemen
ngambang lainnya tidak
diperbolehkan
leftrightbothnone
cursor Menspesifikasi kursor yang
ditampilkan
urlautocrosshairdefault
pointer
move
e-resize
ne-resize
nw-resize
n-resize
se-resize
sw-resize
s-resize
w-resize
text
wait
help
display Mengeset apakah/bagaimana
suatu elemen ditampilkan
noneinlineblocklist-item
run-in
compact
marker
table
inline-table
table-row-group
table-header-group
table-footer-group
table-row
table-column-group
table-column
table-cell
table-caption
float Mengeset dimana sebuah
gambar atau teks dimunculkan
pada elemen lain
leftrightnone
position Mengeset penempatan elemen
sebagai posisi yang static,
relative, absolute atau fixed
staticrelativeabsolutefixed
visibility Mengeset apakah suatu
elemen ditampilkan atau tidak
visiblehiddencollapse
Dimension
Property Deskripsi Values
height Mengeset tinggi dari sebuah
elemen
auto length%
line-height Mengeset jarak antar garis normalnumberlength%
pada elemen
max-height Mengeset tinggi maksimal
dari elemen
nonelength%
max-width Mengeset lebar maksimal dari
elemen
nonelength%
min-height Mengeset tinggi minimal dari
elemen
length %
min-width Mengeset lebar minimal dari
elemen
length %
width Mengeset lebar dari suatu
elemen
auto%length
FONT
Property Deskripsi Values
font Mengeset semua properti
untuk font(huruf) dalam satu
deklarasi
font-style font-variantfont-
weightfont-size/line-height
font-family
caption
icon
menu
message-box
small-caption
status-bar
font-family Prioritas list untuk font family
dan/atau generic pada suatu
elemen
family-name generic-family
font-size Mengset ukuran dari font xx-small x-small smallmedium
large
x-large
xx-large
smaller
larger
length
%
font-size-adjust Menspesifikasi aspek nilai
untuk sebuah elemen yang
akan mempertahankan tinggi-
x dari font pilihan pertama
None, number
font-stretch Memadatkan atau
melonggarkan font-family
yang digunakan
normalwidernarrowerultra-
condensed
extra-condensed
condensed
semi-condensed
semi-expanded
expanded
extra-expanded
ultra-expanded
font-style Mengeset style dari font Normal italic oblique
font-variant Menampilkan teks dalam
small-caps font atau normal
font
Normal, small-caps
font-weight Mengeset ketebalan huruf Normal, bold, bolder lighter
100
200
300
400
500
600
700
800
900
GENERATED CONTENT
Property Deskripsi Values
content Membuat konten dalam
dokumen. Digunakan
bersama pseudo-element
:before dan :after
stringurlcounter(name)counter(name,
list-style-type)
counters(name, string)
counters(name, string, list-style-type)
attr(X)
open-quote
close-quote
no-open-quote
no-close-quote
counter-increment Mengeset berapa banyak
suatu counter menambahkan
pada tiap aksi pada selektor
noneidentifier number
counter-reset Mengeset nilai yang counter
set pada tiap aksi pada
selektor
noneidentifier number
quotes Mengeset tipe dari quote nonestring string
LIST AND MARKER
Property Deskripsi Values
list-style Mengeset semua properti
untuk sebuah list dalam satu
deklarasi
list-style-type list-style-
positionlist-style-image
list-style-image Mengeset gambar sebagai list-
item marker
noneurl
list-style-position Mengeset dimana list-item
marker ditempatkan pada list
insideoutside
list-style-type Mengeset tipe dari list-item
marker
nonedisccirclesquare
decimal
decimal-leading-zero
lower-roman
upper-roman
lower-alpha
upper-alpha
lower-greek
lower-latin
upper-latin
hebrew
armenian
georgian
cjk-ideographic
hiragana
katakana
hiragana-iroha
katakana-iroha
marker-offset autolength
MARGIN
Property Deskripsi Values
margin Mengeset semua properti
untuk margin dalam satu
deklarasi
margin-top margin-
rightmargin-bottommargin-left
margin-bottom Mengeset batasan bawah dari
elemen
autolength%
margin-left Mengeset batasan kiri dari
elemen
autolength%
margin-right Mengeset batasan kanan dari
elemen
autolength%
margin-top Mengeset batasan atas dari
elemen
autolength%
OUTLINES
Property Deskripsi Values
outline Mengeset semua properti
untuk outline dalam satu
deklarasi
outline-color outline-
styleoutline-width
outline-color Mengeset warna dari outline
elemen
color invert
outline-style Mengeset style outline dari
elemen
nonedotteddashedsolid
double
groove
ridge
inset
outset
outline-width Mengeset ketebalan outline
dari elemen
thinmediumthicklength
PADDING
Property Deskripsi Values
padding Mengeset semua properti
untuk padding (bloknot)dalam
satu deklarasi
padding-top padding-
rightpadding-bottompadding-
left
padding-bottom Mengeset pad bagian bawah
dari elemen
length %
padding-left Mengeset pad bagian kiri dari
elemen
length %
padding-right Mengeset pad bagian kanan
dari elemen
length %
padding-top Mengeset pad bagian atas dari
elemen
length%
POSITIONING
Property Deskripsi Values
bottom mengeset sejauh mana pojok
bawah elemen di atas atau di
bawah dari pojok bawah
parent element
auto%length
clip Mengeset bentuk dari elemen.
Elemen diclip menjadi bentuk
ini, dan ditampilkan
shape auto
left Mengeset sejauh mana pojok
kiri dari elemen di kiri/kanan
tepi kiri parent element
auto%length
overflow Mengeset apa yang terjadi
jika konten dari elemen
melebihi area elemen
visiblehiddenscrollauto
position Menempatkan elemen dengan
posisi static, relative,
absolute, atau fixed
staticrelativeabsolutefixed
right Mengeset sejauh mana pojok
kanan dari elemen di
kiri/kanan dari pojok kanan
parent element
auto%length
top Sets how far the top edge of
an element is above/below the
top edge of the parent element
auto%length
vertical-align Sets the vertical alignment of
an element
baselinesubsupertop
text-top
middle
bottom
text-bottom
length
%
z-index Sets the stack order of an
element
autonumber
TABLE
Property Deskripsi Values
border-collapse Mengeset apakah border tabel
collapse pada satu border atau
terpisah sesuai standar HTML
collapseseparate
border-spacing Mengeset jarak yang
memisahkan border sel
(khusus untuk model separate-
border)
length length
caption-side Mengeset posisi dari judul
tabel
topbottomleftright
empty-cells Megeset apakah sel kosong
ditampilkan pada tabel atau
tidak (khusus untuk model
separate-border)
showhide
table-layout Mengeset algoritma yang
digunakan untuk
menampilkan sel tabel, baris,
dan kolom
autofixed
TEXT
Property Deskripsi Values
color Mengeset warna teks color
direction Mengeset arah teks Ltr rtl
line-height Mengeset jarak antar garis Normal, numberlength
%
letter-spacing Menambah atau mengurangi
jarak antar karakter
Normal, length
text-align Mengatur teks agar rata
kanan, kiri, tengah, atau
kanan-kiri pada elemen
Left, right, center, justify
text-decoration Menambah dekorasi pada teks None, underline,
overline, line-through,
blink
text-indent Mengindentasikan baris
pertama teks pada elemen
length %
text-shadow nonecolorlength
text-transform Mengontrol huruf pada
elemen
None, capitalize,
uppercase, lowercase
unicode-bidi Normal embed bidi-
override
white-space Mengeset bagaimana ruang
putih di dalam elemen
ditangani
Normal preno wrap
word-spacing Menambah atau mengurangi
jarak antar kata
Normal length
PSEUDO-CLASSES
Pseudo-class Kegunaan
:active Menambahkan spesial style kepada elemen yang aktif
:focus Menambahkan spesial style kepada elemen selama elemen
sedang fokus
:hover Menambahkan spesial style kepada elemen saat cursor berada
di atas elemen tersebut
:link Menambahkan spesial elemen kepada link yang belum kena hit
:visited Menambahkan spesial style kepada link yang telah dihit
:first-child Menambah spesial style pada elemen yang merupakan child
pertama dari gabungan beberapa elemen lainnya
:lang Membolehkan pemilik(author) untuk menentukan bahasa yang
digunakan pada elemen tertentu
PSEUDO-ELEMENTS
Pseudo-element Kegunaan
:first-letter Menambahkan style spesial pada huruf pertama sebuah teks
:first-line Menambah spesial style pada baris pertama sebuah teks
:before Menyisipkan suatu konten sebelum elemen
:after Menyisipkan suatu konten setelah elemen
SAFE COLORS
Berikut adalah tabel dari warna yang bersifat "browser safe" dan nilai hexanya.
FFF
FFF
CCC
CCC
999
999
666
666
333
333
000
000
FFC
C00
FF9
900
FF6
600
FF3
300
99C
C00
CC9
900
FFC
C33
FFC
C66
FF9
966
FF6
633
CC3
300
CC0
033
CCF CCF 333 666 999 CCC FFF CC9 CC6 330 660 990 CC0 FF0 FF3 FF0
F00 F33 300 600 900 C00 F00 933 633 000 000 000 000 000 366 033
99F
F00
CCF
F66
99C
C33
666
633
999
933
CCC
C33
FFF
F33
996
600
993
300
663
333
993
333
CC3
333
FF3
333
CC3
366
FF6
699
FF0
066
66F
F00
99F
F66
66C
C33
669
900
999
966
CCC
C66
FFF
F66
996
633
663
300
996
666
CC6
666
FF6
666
990
033
CC3
399
FF6
6CC
FF0
099
33F
F00
66F
F33
339
900
66C
C00
99F
F33
CCC
C99
FFF
F99
CC9
966
CC6
600
CC9
999
FF9
999
FF3
399
CC0
066
990
066
FF3
3CC
FF0
0CC
00C
C00
33C
C00
336
600
669
933
99C
C66
CCF
F99
FFF
FCC
FFC
C99
FF9
933
FFC
CCC
FF9
9CC
CC6
699
993
366
660
033
CC0
099
330
033
33C
C33
66C
C66
00F
F00
33F
F33
66F
F66
99F
F99
CCF
FCC
CC9
9CC
996
699
993
399
990
099
663
366
660
066
006
600
336
633
009
900
339
933
669
966
99C
C99
FFC
CFF
FF9
9FF
FF6
6FF
FF3
3FF
FF0
0FF
CC6
6CC
CC3
3CC
003
300
00C
C33
006
633
339
966
66C
C99
99F
FCC
CCF
FFF
339
9FF
99C
CFF
CCC
CFF
CC9
9FF
996
6CC
663
399
330
066
990
0CC
CC0
0CC
00F
F33
33F
F66
009
933
00C
C66
33F
F99
99F
FFF
99C
CCC
006
6CC
669
9CC
999
9FF
999
9CC
993
3FF
660
0CC
660
099
CC3
3FF
CC0
0FF
00F
F66
66F
F99
33C
C66
009
966
66F
FFF
66C
CCC
669
999
003
366
336
699
666
6FF
666
6CC
666
699
330
099
993
3CC
CC6
6FF
990
0FF
00F
F99
66F
FCC
33C
C99
33F
FFF
33C
CCC
339
999
336
666
006
699
003
399
333
3FF
333
3CC
333
399
333
366
663
3CC
996
6FF
660
0FF
00F
FCC
33F
FCC
00F
FFF
00C
CCC
009
999
006
666
003
333
339
9CC
336
6CC
000
0FF
000
0CC
000
099
000
066
000
033
663
3FF
330
0FF
00C
C99
009
9CC
33C
CFF
66C
CFF
669
9FF
336
6FF
003
3CC
330
0CC
00C
CFF
009
9FF
006
6FF
003
3FF