DASAR-DASAR HTML
Ini dia Tag tag dasarnya:
Sebelum memulai harus menggunakan tag <HTML>....</HTML>
List
Ada 3 model :
1. Unordered List
Membuat daftar item berupa titik, kotak, atau lingkaran
Tag
|
Tag bagian
|
Attribute
|
Value
|
Description
|
<UL>..........</UL>
|
<LI>
|
TYPE
|
SQUARE
|
Bullet Kotak
|
DISC
|
Bullet Titik
|
|||
CIRCLE
|
Bullet
Lingkaran
|
2. Ordered List
Membuat daftar item
berupa nomer atau abjad secara berurutan
Tag
|
Tag bagian
|
Attribute
|
Value
|
Description
|
<OL>.........</OL>
|
<LI>
|
TYPE
|
I
|
Upper Roman
|
i
|
Lower Roman
|
|||
A
|
Upercase
|
|||
a
|
Lowercase
|
|||
<OL>.........</OL>
|
<LI>
|
START
|
n
|
Begin Number
|
3. Definition List
Tag
|
Description
|
<DL>......</DL>
|
Memulai daftar Definisi
|
<DT>......</DT>
|
Daftar Istilah
|
<DD>.....</DD>
|
Definisi Istilah
|
Membuat daftar definisi seperti tampilan pada kamus
Horizontal
Rules(HR)\Garis Horisontal
Horizontal Rule tag digunakan
untuk menggambar garis horizontal dalam document HTML.
Tag
|
Attribute
|
Description
|
<HR>
|
Position\Align
|
Menetukan
posisi dari garis, dengan value : canter |right | left.
|
Width
|
Untuk
menentukan panjang garis ,ukuran default 100%
|
|
Size
|
Untuk menentukan tebal dari garis dalam pixel
|
|
Color
|
Menentukan warna garis
|
|
Noshade
|
Menghilangkan
bayangan garis
|
Tag-tag Lanjutan
Tag
|
Description
|
<BR>
|
Untuk membuat baris baru tanpa menyisakan
baris kosong
|
<P>....</P>
|
Untuk
membuat baris baru dan menyisakan baris kosong
|
<BLOCKQUOTE>
</BLOCKQUOTE>
|
Untuk mengatur paragraph agar lebih masuk ke
dalam
|
<PRE>.....</PRE>
|
untuk
menampilkan text sesuai dengan format
aslinya.
|
<DIV>.....</DIV>
|
Div tag
digunakan untuk mengelompokkan group element biasanya untuk block-level
element.
|
<SPAN>.....</SPAN>
|
Span
digunakan untuk mendefinisikan inline content.
|
Font
Dengan tag
<FONT> anda bisa menentukan format tampilan font dalam
document
HTML seperti color, size, style dan lainya.
Attribute
|
Description
|
Color
|
Untuk menentukan font, anda menggunakan nama font atau hexadecimal
(#000000 - #ffffff)
|
Size
|
untuk menentukan ukuran
font 1-7
|
Face
|
Untuk menentukan jenis font biasanya dalam satu list ada beberapa font
dan akan dibaca mulai dari yang paling kiri.
|
Color
Color
merupakan attribute yang bisa anda tambahkan pada beberapa element seperti
body, font, link dan lainya. Color di bagi dalam tiga ketegori warna primer
yaitu red, green dan blue.
Masing-masing
color didefinisikan dalam dua digit hexadecimal number.
#RRGGBB
Hexadecimal
|
Color
|
#FFOOOO
|
Red
|
#OOFFOO
|
Green
|
#OOOOFF
|
Blue
|
#OOOOOO
|
Black
|
#FFFFFF
|
White
|
Alignment/Perataan
Align
attribute digunakan untuk menentukan perataan object dalam
document
HTML baik berupa text, object, image, paragraph, division dan
lain-lain.
Value
|
Description
|
Left
|
Rata kiri
|
Right
|
Rata kanan
|
Center
|
Rata tengah
|
Justify
|
Rata kanan kiri
|
Format text
Ada 2 model:
1. Physical Formatting
Tag
|
Description
|
<B>.....</B>
|
Bold text
|
<I>.....</I>
|
Italic text
|
<U>.....</U>
|
Underline text
|
<BIG>.....</BIG>
|
Untuk ukuran yang lebih besar dari normal
|
<SMALL>.....</SMALL>
|
Untuk ukuran yang lebih kecil dari normal
|
<STRIKE>.....</STRIKE>
|
Untuk memberi garis di tengah text
|
<SUP>.....</SUP>
|
Superscript text (text berada di atas)
|
<SUB>.....</SUB>
|
Subscript text (text yang berada di bawah)
|
<CENTER>..... </CENTER>
|
Center document
|
2. Logical Formatting
Tag
|
Description
|
<EM>.....</EM>
|
Teks miring/ <I>
|
<STRONG>.....</STRONG>
|
Teks tebal/ <B>
|
<DEL>.....</DEL>
|
Mencoret text/ <STRIKE>
|
<INS>.....</INS>
|
Teks bergaris bawah/ <U>
|
0 komentar:
Posting Komentar