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
<!>
<!DOCTYPE>
<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<b>
<base>
<basefont>
<bdo>
<big>
<blockquote>
<body>
<br>
<button>
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<dd>
<del>
<dir>
<div>
<dfn>
<dl>
<dt>
<em>
<fieldset>
<font>
<form>
<frame>
<frameset>
<h1> to <h6>
<head>
<hr>
<html>
<i>
<iframe>
Description
Mendefinisikan komentar
Mendefinisikan tipe dokumen
Mendefinisikan sebuah anchor
Mendefinisikan singkatan
Mendefinisikan akronim
Mendefinisikan elemen alamat
Mendefinisikan applet (tidak digunakan lagi)
Mendefinisikan sebuah area dalam image map
Memberi style bold pada teks
Mendefinisikan base URL untuk semua link pada halaman
Mendifinisikan base font (tidak digunakan lagi)
Mendefinisikan arah display teks
Membuat teks menjadi berukuran besar
Membuat kutipan panjang
Mendefinisikan elem bodi
Memasukkan line break single
Membuat push button
Mendefinisikan table caption
Membuat teks berada di tengah (tidak digunakan lagi)
Membuat kutipan
Membuat kode bahasa komputer
Mendefinisikan atribut untuk kolom pada tabel
Mendefinisikan grup pada kolom tabel
Mendefinisikan deskripsi pada definisi (?_?)
Mendefinisikan teks yang didelete
Membuat directory list (tidak digunakan lagi)
Mendefinisikan sebuah bagian pada dokumen
Mendefinisikan sebuah istilah definisi
Membuat sebuah daftar definisi
Membuat sebuah istilah definisi
Membuat sebuah teks ter-emphasize
Membuat sebuah fieldset
Menentukan jenis, warna, dan tipe huruf (tidak digunakan lagi)
Membuat sebuah form
Membuat sebuah frame
Mendefinisikan set frame
Mendefinisikan header satu sampai enam
Memberikan informasi tentang dokumen
Memberikan ukuran horizontal
Membuat sebuah dokumen HTML
Membuat teks dengan style italic
Membuat inline frame
DTD
STF
STF
STF
STF
STF
STF
TF
STF
STF
STF
TF
STF
STF
STF
STF
STF
STF
STF
TF
STF
STF
STF
STF
STF
STF
TF
STF
STF
STF
STF
STF
STF
TF
STF
F
F
STF
STF
STF
STF
STF
TF
<img>
<input>
<ins>
<isindex>
<kbd>
<label>
<legend>
<li>
<link>
<map>
<menu>
<meta>
<noframes>
<noscript>
<object>
<ol>
<optgroup>
<option>
<p>
<param>
<pre>
<q>
<s>
<samp>
<script>
<select>
<small>
<span>
<strike>
<strong>
<style>
<sub>
<sup>
<table>
<tbody>
<td>
<textarea>
<tfoot>
<th>
<thead>
<title>
<tr>
<tt>
<u>
Mendefinisikan sebuah image

Mendefinisikan sebuah input field
Mendefinisikan teks yang di insert
Mendefinisikan sebuah single-line input field (tidak digunakan lagi)
Mendefinisikan teks keyboard
Mendefinisikan label untuk form control
Mendefinisikan judul dalam fieldset
Mendefinisikan list item
Mendefinisikan referensi/daftar pustaka
Mendefinisikan sebuah image map
Membuat sebuah menu list (tidak digunakan lagi)
Mendefinisikan sebuah meta information
Mendefinisikan sebuah bagian noframe
Mendefinisikan sebuah bagian noscript
Mendefinisikan sebuah objek
Membuat sebuah ordered list
Membuat sebuah option group
Mendefinisikan option dalam sebuah drop-down list
Membuat paragraf
Memberikan parameter untuk sebuah objek
Membuat preformatted text
Membuat sebuah kutipan singkat
Membuat teks memiliki atribut strikethrough (tidak digunakan lagi)
Membuat sampel computer code
Membuat sebuah script
Membuat selectable list
Membuat teks berukuran kecil
Mendefinisikan sebuah bagian dalam sebuah dokumen
Membuat teks strikethrough (g dipake)
Membuat teks dengan atribut strong
Membuat definisi dari sebuah style
Membuat teks dengan style subscript
Membuat teks dengan style superscript
Membuat tabel
Membuat body tabel
Mebuat cell tabel
Membuat sebuah area teks
Membuat footer pada tabel
Membuat header pada tabel
sama dengan di atas!
Mendefinisikan judul dokumen
Membuat row pada tabel
Membuat teks teletype
Membuat teks underline (tidak digunakan lagi)
STF
STF
STF
TF
STF
STF
STF
STF
STF
STF
TF
STF
TF
STF
STF
STF
STF
STF
STF
STF
STF
STF
TF
STF
STF
STF
STF
STF
TF
STF
STF
STF
STF
STF
STF
STF
STF
STF
STF
STF
STF
STF
STF
TF
<ul>
<var>
<xmp>
Membuat sebuah unordered list

Mendefinisikan sebuah variabel
Membuat preformatted text (tidak digunakan lagi)
Tag CSS :
Property
background
background-attachment
background-color
background-image
background-position
background-repeat
Border
Property
border
border-bottom
border-bottom-color
border-bottom-style
border-bottom-width
Deskripsi
Mengeset semua properti
background dalam satu
deklarasi
Mengeset kondisi posisi
background; antara dapat
discroll atau tidak dapat
digerakkan dalam halaman
Mengeset warna latar
background suatu elemen
Mengeset sebuah gambar
menjadi sebuah background
Mengeset posisi background
Mengeset apakah/bagaimana
background akan diulang
Deskripsi
untuk 4-border (yang
tertutup) dalam satu deklarasi
untuk bottom-border (yang
bawah aja) dalam satu
deklarasi
Mengeset warna dari bottomborder
Mengeset style dari bottom
border
Mengeset ketebalan dari garis
Values
background-color backgroundimage background-repeat
background-attachment
background-position
Scroll fixed
color-rgb color-hexcolornametransparent
url(URL)none
top lefttop centertop rightcenter
left
center center
center right
bottom left
bottom center
bottom right
x% y%
xpos ypos
repeatrepeat-xrepeat-yno-repeat
Values
border-width borderstyleborder-color
border-bottom-width borderstyleborder-color
border-color
border-style
thinmediumthicklength
STF
STF
border-color
border-left
border-left-color
border-left-style
border-left-width
border-right
border-right-color
border-right-style
border-right-width
border-style
border-top
border-top-color
border-top-style
border-top-width
border-width
Classification
Property
bottom-border
Mengeset warna dari
keseluruhan border
untuk left-border (yang kiri
aja) dalam satu deklarasi
Mengeset warna dari leftborder
Mengeset style dari leftborder
left-border
untuk right-border (yang
kanan aja) dalam satu
deklarasi
Mengeset warna dari rightborder
Mengeset style dari rightborder
right-border
Mengeset style dari
keseluruhan border

untuk top-border (yang atas
aja) dalam satu deklarasi
Mengeset warna dari topborder
Mengeset style dari topborder
top-border
Mengeset ketebalan dari
keseluruhan border; terdapat
empat jenis ketebalan
Deskripsi
color
border-left-width borderstyleborder-color
border-color
border-style
border-right-width borderstyleborder-color
border-color
border-style
nonehiddendotteddashed
solid
double
groove
ridge
inset
outset
border-top-width borderstyleborder-color
border-color
border-style
Values
clear
cursor
display
float
position
visibility
Dimension
Property
height
line-height
Mengeset sisi dari sebuah

elemen dimana elemen
ngambang lainnya tidak
diperbolehkan
Menspesifikasi kursor yang
ditampilkan
leftrightbothnone
Deskripsi
Mengeset tinggi dari sebuah
elemen
Mengeset jarak antar garis
Values
auto length%
urlautocrosshairdefault
pointer
move
e-resize
ne-resize
nw-resize
n-resize
se-resize
sw-resize
s-resize
w-resize
text
wait
help
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
Mengeset dimana sebuah
leftrightnone
gambar atau teks dimunculkan
pada elemen lain
Mengeset penempatan elemen staticrelativeabsolutefixed
sebagai posisi yang static,
relative, absolute atau fixed
Mengeset apakah suatu
visiblehiddencollapse
elemen ditampilkan atau tidak
normalnumberlength%
max-height
max-width
min-height
min-width
width
FONT
Property
font
font-family
font-size
font-size-adjust
font-stretch
pada elemen
Mengeset tinggi maksimal
dari elemen
Mengeset lebar maksimal dari
elemen
Mengeset tinggi minimal dari
elemen
Mengeset lebar minimal dari
elemen
Mengeset lebar dari suatu
elemen
Deskripsi
untuk font(huruf) dalam satu
deklarasi
nonelength%
nonelength%
length %
length %
auto%length
Values
font-style font-variantfontweightfont-size/line-height
font-family
caption
icon
menu
message-box
small-caption
status-bar
Prioritas list untuk font family family-name generic-family
dan/atau generic pada suatu
elemen
Mengset ukuran dari font
xx-small x-small smallmedium
large
x-large
xx-large
smaller
larger
length
%
Menspesifikasi aspek nilai
None, number
untuk sebuah elemen yang
akan mempertahankan tinggix dari font pilihan pertama
Memadatkan atau
normalwidernarrowerultramelonggarkan font-family
condensed
yang digunakan
extra-condensed
condensed
semi-condensed
semi-expanded
expanded
font-style
font-variant
font-weight
Mengeset style dari font

Menampilkan teks dalam
small-caps font atau normal
font
Mengeset ketebalan huruf
GENERATED CONTENT
Property
Deskripsi
content
Membuat konten dalam
dokumen. Digunakan
bersama pseudo-element
:before dan :after
counter-increment
counter-reset
quotes
Mengeset berapa banyak

suatu counter menambahkan
pada tiap aksi pada selektor
Mengeset nilai yang counter
set pada tiap aksi pada
selektor
Mengeset tipe dari quote
LIST AND MARKER

Property
Deskripsi
list-style
untuk sebuah list dalam satu
deklarasi
list-style-image
Mengeset gambar sebagai listitem marker
list-style-position
Mengeset dimana list-item
marker ditempatkan pada list
extra-expanded
ultra-expanded
Normal italic oblique
Normal, small-caps
Normal, bold, bolder lighter

100
200
300
400
500
600
700
800
900
Values
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
noneidentifier number
noneidentifier number
nonestring string
Values
list-style-type list-stylepositionlist-style-image
noneurl
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
autolength
Deskripsi
untuk margin dalam satu
deklarasi
Mengeset batasan bawah dari
elemen
Mengeset batasan kiri dari
elemen
Mengeset batasan kanan dari
elemen
Mengeset batasan atas dari
elemen
Values
margin-top marginrightmargin-bottommargin-left
Deskripsi
untuk outline dalam satu
deklarasi
Mengeset warna dari outline
elemen
Mengeset style outline dari
elemen
Values
outline-color outlinestyleoutline-width
marker-offset
MARGIN
Property
margin
margin-bottom
margin-left
margin-right
margin-top
OUTLINES
Property
outline
outline-color
outline-style
autolength%
autolength%
autolength%
autolength%
color invert
nonedotteddashedsolid
double
groove
ridge
outline-width
PADDING
Property
padding
padding-bottom
padding-left
padding-right
padding-top
POSITIONING
Property
bottom
clip
left
overflow
position
right
top
Mengeset ketebalan outline

dari elemen
inset
outset
Deskripsi
untuk padding (bloknot)dalam
satu deklarasi
Mengeset pad bagian bawah
dari elemen
Mengeset pad bagian kiri dari
elemen
Mengeset pad bagian kanan
dari elemen
Mengeset pad bagian atas dari
elemen
Values
padding-top paddingrightpadding-bottompaddingleft
length %
Deskripsi
mengeset sejauh mana pojok
bawah elemen di atas atau di
bawah dari pojok bawah
parent element
Mengeset bentuk dari elemen.
Elemen diclip menjadi bentuk
ini, dan ditampilkan
Mengeset sejauh mana pojok
kiri dari elemen di kiri/kanan
tepi kiri parent element
Mengeset apa yang terjadi
jika konten dari elemen
melebihi area elemen
Menempatkan elemen dengan
posisi static, relative,
absolute, atau fixed
Mengeset sejauh mana pojok
kanan dari elemen di
kiri/kanan dari pojok kanan
parent element
Sets how far the top edge of
an element is above/below the
top edge of the parent element
Values
auto%length
length %
length %
length%
shape auto
auto%length
visiblehiddenscrollauto
staticrelativeabsolutefixed
auto%length
auto%length
vertical-align
z-index
TABLE
Property
border-collapse
border-spacing
caption-side
empty-cells
table-layout
TEXT
Property
color
direction
line-height
letter-spacing
text-align
text-decoration
Sets the vertical alignment of baselinesubsupertop

an element
text-top
middle
bottom
text-bottom
length
%
Sets the stack order of an
autonumber
element
Deskripsi
Mengeset apakah border tabel
collapse pada satu border atau
terpisah sesuai standar HTML
Mengeset jarak yang
memisahkan border sel
(khusus untuk model separateborder)
Mengeset posisi dari judul
tabel
Megeset apakah sel kosong
ditampilkan pada tabel atau
tidak (khusus untuk model
separate-border)
Mengeset algoritma yang
digunakan untuk
menampilkan sel tabel, baris,
dan kolom
Values
collapseseparate
Deskripsi
Mengeset warna teks
Mengeset arah teks
Mengeset jarak antar garis
Values
color
Ltr rtl
Normal, numberlength
%
Normal, length
length length
topbottomleftright
showhide
autofixed
Menambah atau mengurangi

jarak antar karakter
Mengatur teks agar rata
Left, right, center, justify
kanan, kiri, tengah, atau
kanan-kiri pada elemen
Menambah dekorasi pada teks None, underline,
overline, line-through,
text-indent
text-shadow
text-transform
Mengindentasikan baris
pertama teks pada elemen
Mengontrol huruf pada
elemen
unicode-bidi
white-space
word-spacing
PSEUDO-CLASSES
Pseudo-class
:active
:focus
:hover
:link
:visited
:first-child
:lang
PSEUDO-ELEMENTS
Pseudo-element
:first-letter
:first-line
:before
:after
Mengeset bagaimana ruang

putih di dalam elemen
ditangani
Menambah atau mengurangi
jarak antar kata
blink
length %
nonecolorlength
None, capitalize,
uppercase, lowercase
Normal embed bidioverride
Normal preno wrap
Normal length
Kegunaan
Menambahkan spesial style kepada elemen yang aktif
Menambahkan spesial style kepada elemen selama elemen
sedang fokus
Menambahkan spesial style kepada elemen saat cursor berada
di atas elemen tersebut
Menambahkan spesial elemen kepada link yang belum kena hit
Menambahkan spesial style kepada link yang telah dihit
Menambah spesial style pada elemen yang merupakan child
pertama dari gabungan beberapa elemen lainnya
Membolehkan pemilik(author) untuk menentukan bahasa yang
digunakan pada elemen tertentu
Kegunaan
Menambahkan style spesial pada huruf pertama sebuah teks
Menambah spesial style pada baris pertama sebuah teks
Menyisipkan suatu konten sebelum elemen
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
C00
CCF CCF 333 666
CC9 FFC FFC FF9 FF6 CC3

900 C33 C66 966 633 300
999
CCC FFF CC9 CC6 330
CC0
033
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
C33 C66 F00 F33 F66 F99 FCC
006 336 009 339 669 99C
600 633 900 933 966 C99
CC9 996 993 990 663 660

9CC 699 399 099 366 066
FFC FF9 FF6 FF3 FF0 CC6 CC3
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
C99
009 33C 66C 669 336 003

9CC CFF CFF 9FF 6FF 3CC
00C 009 006 003
CFF 9FF 6FF 3FF
330
0CC

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

Mendefinisikan sebuah image

Membuat sebuah unordered list

Mengeset semua properti

Mengeset sisi dari sebuah

Mengeset style dari font

Mengeset berapa banyak

LIST AND MARKER

Normal, bold, bolder lighter

Mengeset tipe dari list-item

Mengeset ketebalan outline

Sets the vertical alignment of baselinesubsupertop

Menambah atau mengurangi

Mengeset bagaimana ruang

CC9 FFC FFC FF9 FF6 CC3

CCC FFF CC9 CC6 330

660 990 CC0 FF0 FF3 FF0

933 633 000

000 000 000 000 366 033

CC9 996 993 990 663 660

009 33C 66C 669 336 003

Anda mungkin juga menyukai