List ItemLI
List item di gunakan untuk mengelompokkan data baik berurutan ordered list maupun yang tidak berurutan unordered list.
Contoh: Kita mau mengelompokkan data-data berikut :
Pisang Melati
Jambu Mawar
Anggrek Apel
Anggur Dapat kita kelompokkan ke dalam dua kelompok:
Buah-buahan
‰
Pisang
‰
Jambu
‰
Apel
‰
Anggur Bunga
1. Melati 2. Mawar
3. Angrek Ada tiga macam list yang bisa anda tambahkan ke document HTML:
1. Unordered List Bullet
2.
Ordered List Numbering
3. Definition List
Contoh : html
head titleHTML
List title head
body P
Unordered List P ul
liSundayli liMondayli
liTuesdayli liWednesdayli
ul
POrdered ListP
ol start=1 type=I
liSundayli ol
type=a liIntroduction
to HTMLli liCreating
Listli ol
liMondayli ol
type=A liCreating
tableli liInserting
Imageli ol
liTuesdayli ol
type=I liCreating
Linkli liPreparing
Websiteli ol
ol PDefinition
ListP dl
dtHTML ddHyperText
Markup Langguage is not Language Programmingdd
dt dtHTTP
ddHyperText Transfer Protocol is TCPIP
Protocoldd dt
body html
Horizontal RulesHR
Horizontal Rule tag digunakan untuk menggambar garis horizontal dalam document HTML.
Attribute Description
Position menetukan posisi dari HR, dengan value : canter | right | left.
Width Untuk menentukan panjang HR default 100 Size Untuk menentukan tebal dari HR dalam pixel
Noshad Efek bayangan. Fon t
Dengan tag FONT anda bisa menentukan format tampilan font dalam document HTML seperti color, size, style dan lainya.
Attribute Description
color Untuk menentukan warna font, anda bisa menggunakan nama font atau hexadecimal
000000 - ffffff size Untuk menentukan ukuran dari font 1 - 7
face Untuk menentukan jenis font biasanya dalam satu list ada beberapa font dan akan di baca mulai dari yang
paling kiri. Form a t t e x t
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
SUB ... SUB Subscript text
CENTER ... CENTER Center document
Logical Formatting
Tag Description EM ... EM
Text miring I STRONG ... STRONG
Text tebal B DEL ... DEL
Mencoret text STRIKE INS ... INS
Underline text U
Anchor
Anchor tag A untuk menentukan hyperlink dalam document HTML. HREF property digunakan untuk menentukan tujuan dari hyperlink
tersebut.
A HREF=URL Hypertext A atau
A HREF=protocol:host.domain:portpathfilenameHypertext A
Table
M e m bua t t a ble
Tag TABLE digunakan untuk membuat table dalam document HTML , bagian pokok dari
table adalah cell yang didefinisikan dengan menggunakan tag TD atau TH.Membuat baris dalam table digunakan tag TR
html head
titleUsing Tabletitle
head body
table border=1
captionPraktikumTablecaption tr
tdcell 1td tdcell 2tdtr
tr tdcell 3td
tdcell 4tdtr table
body html
M erge ce ll
Tag TD memiliki atribut
colspan
untuk merge column dan
row span
untuk merge baris.
• Colspan
• Rowspan
html head
titleContoh Colspantitle
head body
table bgcolor=CCCCFF width=50 border=1
cellpadding=0 tr
th colspan=2Tahunth
tr tr
td 1996td
td 1997td
tr tr
td Rp 2000,‐td
td Rp 2500,‐td
tr table
body html
html head
titleContoh Rowspantitle
head body
table border=1 width=400 bgcolor=gray
trth rowspan=3Data Mahasiswath tdI.B. Ardhi Putratdtr
trtdTeknik Informatikatdtr
trtd2204 3717tdtr
table body
html
I m a ge
A. Format Image