Kumpulan Tag HTML CSS

KODE UNTUK KARAKTER KHUSUS
Simbol Karakter yg ditampilkan

" "
& &
< <
> >
&OElig; Œ
&oelig; œ
&Scaron; Š
&scaron; š
&Yuml; Ÿ
&circ; ˆ
&tilde; ˜
&ensp;
&emsp;

&zwnj;
&zwj;
&lrm;
&rlm;
– Ŕ
— ŕ
‘ Ř
’ ř
&sbquo; ‚
“ Ŗ
” ŗ
&bdquo; „
&dagger; †
&Dagger; ‡
&permil; ‰
&lsaquo; ‹
&rsaquo; ›
€ €
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-color background-
background dalam satu image background-repeat
deklarasi background-attachment
background-position
background-attachment Mengeset kondisi posisi Scroll fixed
background; antara dapat
discroll atau tidak dapat
digerakkan dalam halaman
background-color Mengeset warna latar color-rgb color-hexcolor-
background suatu elemen nametransparent
background-image Mengeset sebuah gambar url(URL)none
menjadi sebuah background
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 repeatrepeat-xrepeat-yno-repeat
background akan diulang
Border
border Mengeset semua properti border-width border-
untuk 4-border (yang styleborder-color
tertutup) dalam satu deklarasi
border-bottom Mengeset semua properti border-bottom-width border-
untuk bottom-border (yang styleborder-color
bawah aja) dalam satu
deklarasi
border-bottom-color Mengeset warna dari bottom- border-color
border
border-bottom-style Mengeset style dari bottom border-style
border
border-bottom-width Mengeset ketebalan dari garis thinmediumthicklength
bottom-border
border-color Mengeset warna dari color
keseluruhan border
border-left Mengeset semua properti border-left-width border-
untuk left-border (yang kiri styleborder-color
aja) dalam satu deklarasi
border-left-color Mengeset warna dari left- border-color
border
border-left-style Mengeset style dari left- border-style
border
border-left-width Mengeset ketebalan dari garis thinmediumthicklength
left-border
border-right Mengeset semua properti border-right-width border-
untuk right-border (yang styleborder-color
kanan aja) dalam satu
deklarasi
border-right-color Mengeset warna dari right- border-color
border
border-right-style Mengeset style dari right- border-style
border
border-right-width Mengeset ketebalan dari garis thinmediumthicklength
right-border
border-style Mengeset style dari nonehiddendotteddashed
keseluruhan border solid
double
groove
ridge
inset
outset
border-top Mengeset semua properti border-top-width border-
untuk top-border (yang atas styleborder-color
aja) dalam satu deklarasi
border-top-color Mengeset warna dari top- border-color
border
border-top-style Mengeset style dari top- border-style
border
border-top-width Mengeset ketebalan dari garis thinmediumthicklength
top-border
border-width Mengeset ketebalan dari thinmediumthicklength
keseluruhan border; terdapat
empat jenis ketebalan
Classification
clear Mengeset sisi dari sebuah leftrightbothnone
elemen dimana elemen
ngambang lainnya tidak
diperbolehkan
cursor Menspesifikasi kursor yang urlautocrosshairdefault
ditampilkan 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 noneinlineblocklist-item
suatu elemen ditampilkan 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 leftrightnone
gambar atau teks dimunculkan
pada elemen lain
position Mengeset penempatan elemen staticrelativeabsolutefixed
sebagai posisi yang static,
relative, absolute atau fixed
visibility Mengeset apakah suatu visiblehiddencollapse
elemen ditampilkan atau tidak
Dimension
height Mengeset tinggi dari sebuah auto length%
elemen
line-height Mengeset jarak antar garis normalnumberlength%
pada elemen
max-height Mengeset tinggi maksimal nonelength%
dari elemen
max-width Mengeset lebar maksimal dari nonelength%
elemen
min-height Mengeset tinggi minimal dari length %
elemen
min-width Mengeset lebar minimal dari length %
elemen
width Mengeset lebar dari suatu auto%length
elemen
FONT
font Mengeset semua properti font-style font-variantfont-
untuk font(huruf) dalam satu weightfont-size/line-height
deklarasi font-family
caption
icon
menu
message-box
small-caption
status-bar
font-family Prioritas list untuk font family family-name generic-family
dan/atau generic pada suatu
elemen
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 None, number
untuk sebuah elemen yang
akan mempertahankan tinggi-
x dari font pilihan pertama
font-stretch Memadatkan atau normalwidernarrowerultra-
melonggarkan font-family condensed
yang digunakan 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 Normal, small-caps
small-caps font atau normal
font
font-weight Mengeset ketebalan huruf Normal, bold, bolder lighter
100
200
300
400
500
600
700
800
900
GENERATED CONTENT
content Membuat konten dalam stringurlcounter(name)counter(name,
dokumen. Digunakan list-style-type)
bersama pseudo-element counters(name, string)
:before dan :after counters(name, string, list-style-type)
attr(X)
open-quote
close-quote
no-open-quote
no-close-quote
counter-increment Mengeset berapa banyak noneidentifier number
suatu counter menambahkan
pada tiap aksi pada selektor
counter-reset Mengeset nilai yang counter noneidentifier number
set pada tiap aksi pada
selektor
quotes Mengeset tipe dari quote nonestring string
LIST AND MARKER

list-style Mengeset semua properti list-style-type list-style-
untuk sebuah list dalam satu positionlist-style-image
deklarasi
list-style-image Mengeset gambar sebagai list- noneurl
item marker
list-style-position Mengeset dimana list-item insideoutside
marker ditempatkan pada list
list-style-type Mengeset tipe dari list-item nonedisccirclesquare
marker 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
margin Mengeset semua properti margin-top margin-
untuk margin dalam satu rightmargin-bottommargin-left
deklarasi
margin-bottom Mengeset batasan bawah dari autolength%
elemen
margin-left Mengeset batasan kiri dari autolength%
elemen
margin-right Mengeset batasan kanan dari autolength%
elemen
margin-top Mengeset batasan atas dari autolength%
elemen
OUTLINES
outline Mengeset semua properti outline-color outline-
untuk outline dalam satu styleoutline-width
deklarasi
outline-color Mengeset warna dari outline color invert
elemen
outline-style Mengeset style outline dari nonedotteddashedsolid
elemen double
groove
ridge
inset
outset
outline-width Mengeset ketebalan outline thinmediumthicklength
dari elemen
PADDING
padding Mengeset semua properti padding-top padding-
untuk padding (bloknot)dalam rightpadding-bottompadding-
satu deklarasi left
padding-bottom Mengeset pad bagian bawah length %
dari elemen
padding-left Mengeset pad bagian kiri dari length %
elemen
padding-right Mengeset pad bagian kanan length %
dari elemen
padding-top Mengeset pad bagian atas dari length%
elemen
POSITIONING
bottom mengeset sejauh mana pojok auto%length
bawah elemen di atas atau di
bawah dari pojok bawah
parent element
clip Mengeset bentuk dari elemen. shape auto
Elemen diclip menjadi bentuk
ini, dan ditampilkan
left Mengeset sejauh mana pojok auto%length
kiri dari elemen di kiri/kanan
tepi kiri parent element
overflow Mengeset apa yang terjadi visiblehiddenscrollauto
jika konten dari elemen
melebihi area elemen
position Menempatkan elemen dengan staticrelativeabsolutefixed
posisi static, relative,
absolute, atau fixed
right Mengeset sejauh mana pojok auto%length
kanan dari elemen di
kiri/kanan dari pojok kanan
parent element
top Sets how far the top edge of auto%length
an element is above/below the
top edge of the parent element
vertical-align Sets the vertical alignment of baselinesubsupertop
an element text-top
middle
bottom
text-bottom
length
%
z-index Sets the stack order of an autonumber
element
TABLE
border-collapse Mengeset apakah border tabel collapseseparate
collapse pada satu border atau
terpisah sesuai standar HTML
border-spacing Mengeset jarak yang length length
memisahkan border sel
(khusus untuk model separate-
border)
caption-side Mengeset posisi dari judul topbottomleftright
tabel
empty-cells Megeset apakah sel kosong showhide
ditampilkan pada tabel atau
tidak (khusus untuk model
separate-border)
table-layout Mengeset algoritma yang autofixed
digunakan untuk
menampilkan sel tabel, baris,
dan kolom
TEXT
color Mengeset warna teks color
direction Mengeset arah teks Ltr rtl
line-height Mengeset jarak antar garis Normal, numberlength
%
letter-spacing Menambah atau mengurangi Normal, length
jarak antar karakter
text-align Mengatur teks agar rata Left, right, center, justify
kanan, kiri, tengah, atau
kanan-kiri pada elemen
text-decoration Menambah dekorasi pada teks None, underline,
overline, line-through,
blink
text-indent Mengindentasikan baris length %
pertama teks pada elemen
text-shadow nonecolorlength
text-transform Mengontrol huruf pada None, capitalize,
elemen uppercase, lowercase
unicode-bidi Normal embed bidi-
override
white-space Mengeset bagaimana ruang Normal preno wrap
putih di dalam elemen
ditangani
word-spacing Menambah atau mengurangi Normal length
jarak antar kata
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 CCC 999 666 333 000 FFC FF9 FF6 FF3
FFF CCC 999 666 333 000 C00 900 600 300
99C CC9 FFC FFC FF9 FF6 CC3 CC0
C00 900 C33 C66 966 633 300 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 CCF 99C 666 999 CCC FFF 996 993 663 993 CC3 FF3 CC3 FF6 FF0
F00 F66 C33 633 933 C33 F33 600 300 333 333 333 333 366 699 066
66F 99F 66C 669 999 CCC FFF 996 663 996 CC6 FF6 990 CC3 FF6 FF0
F00 F66 C33 900 966 C66 F66 633 300 666 666 666 033 399 6CC 099
33F 66F 339 66C 99F CCC FFF CC9 CC6 CC9 FF9 FF3 CC0 990 FF3 FF0
F00 F33 900 C00 F33 C99 F99 966 600 999 999 399 066 066 3CC 0CC
00C 33C 336 669 99C CCF FFF FFC FF9 FFC FF9 CC6 993 660 CC0 330
C00 C00 600 933 C66 F99 FCC C99 933 CCC 9CC 699 366 033 099 033
33C 66C 00F 33F 66F 99F CCF CC9 996 993 990 663 660
C33 C66 F00 F33 F66 F99 FCC 9CC 699 399 099 366 066
006 336 009 339 669 99C FFC FF9 FF6 FF3 FF0 CC6 CC3
600 633 900 933 966 C99 CFF 9FF 6FF 3FF 0FF 6CC 3CC
003 00C 006 339 66C 99F CCF 339 99C CCC CC9 996 663 330 990 CC0
300 C33 633 966 C99 FCC FFF 9FF CFF CFF 9FF 6CC 399 066 0CC 0CC
00F 33F 009 00C 33F 99F 99C 006 669 999 999 993 660 660 CC3 CC0
F33 F66 933 C66 F99 FFF CCC 6CC 9CC 9FF 9CC 3FF 0CC 099 3FF 0FF
00F 66F 33C 009 66F 66C 669 003 336 666 666 666 330 993 CC6 990
F66 F99 C66 966 FFF CCC 999 366 699 6FF 6CC 699 099 3CC 6FF 0FF
00F 66F 33C 33F 33C 339 336 006 003 333 333 333 333 663 996 660
F99 FCC C99 FFF CCC 999 666 699 399 3FF 3CC 399 366 3CC 6FF 0FF
00F 33F 00F 00C 009 006 003 339 336 000 000 000 000 000 663 330
FCC FCC FFF CCC 999 666 333 9CC 6CC 0FF 0CC 099 066 033 3FF 0FF
00C 009 33C 66C 669 336 003 330
C99 9CC CFF CFF 9FF 6FF 3CC 0CC
00C 009 006 003
CFF 9FF 6FF 3FF

Kumpulan Tag HTML CSS

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Kumpulan Tag HTML CSS

Diunggah oleh

Hak Cipta:

Format Tersedia

KODE UNTUK KARAKTER KHUSUS

Simbol Karakter yg ditampilkan

LIST AND MARKER

Anda mungkin juga menyukai