IF-ITB/EN/Sep '04IF1191 HTMLPage 1HTMLElfan NofariDepartemen Teknik InformatikaITBIF-ITB/EN/Sep '04IF1191 HTMLPage 2Tentang HTMLHTML : format standar untuk membuat dokumen webpesifkasi HTML standar !HTML "#$% & : 'ttp:((www#w)#org(T*('tml"HTML merupakan ba'asa bertanda+ menggunakan rangkaian teks tertentu !tag& untuk menandai teks ,ang mempun,ai interpretasi k'usus-ile HTML berupa fle teks !plain text fle&+ bukan binary fle+ se'ingga dapat dibuat menggunakan editor teks biasaIF-ITB/EN/Sep '04IF1191 HTMLPage 3kema Dasar Dokumen HTML

Judul dokumen

Isi dokumen

HTML: menandai awal dan ak'ir dokumen HTML HE.D: menandai bagian 'eader dokumen HTML TITLE: memberi /udul pada dokumen HTML B0D1: menandai awal dan ak'ir isi dokumen !,ang ditampilkan&IF-ITB/EN/Sep '04IF1191 HTMLPage 42onto' Isi Dokumen HTML

Homepage saya

SayaPerkenalanPerkenalkan, nama saya ..... Ini adalah homepage pertama saya, karena saya baru belajar tentang ara membuat homepage.

Homepage saya

SayaPerkenalanPerkenalkan, nama saya ..... Ini adalah homepage pertama saya, karena saya baru belajar tentang ara membuat homepage.

IF-ITB/EN/Sep '04IF1191 HTMLPage 5Daftar Tag 3'tml4Dokumen 3'ead4Header 3title45udul dokumen 3bod,4Isi dokumen 3'%463'74 5udul paragraf 3p48aragraf 3b4+3i4+3u4+3sup4+3sub4 .tribut 3br49anti baris 3font4 -ont 3li4+3ol4+3ul4 Enumerasi 3'r4 9aris mendatar 3img4 9ambar 3a4 Link !kaitan(ru/ukan& 3table4 Tabel 3:;;;;4 t4 e+ >olor'kuran satu, dua, tiga, empat, lima, enam, tujuh4kuran

4kuran

kalimat kalimat n @ %+ A+ )+ "+ B+ 7+ E !ukuran 'uruf& @ ;A+ ;%+ F$+ F%+ FA+ F)+ F" !ukuran 'uruf&CkuranIF-ITB/EN/Sep '04IF1191 HTMLPage 12Tag -ont !fa>e&Memformat suatu bagian kalimat dengan ukuran+ /enis 'uruf+ atau warna tertentu#Tag : font8arameter : siDe+ face+ >olor5enis 'uruf
Homepage ini masih dalam tahap pengembangan

Homepage ini masih dalam tahap pengembangan
olor&Memformat suatu bagian kalimat dengan ukuran+ /enis 'uruf+ atau warna tertentu#Tag : font8arameter : siDe+ fa>e+ colorGarnaRedMaroonLimeGreenBlueNav!ello"#u$%&ia'(ua















kalimat '' @ $$ ## -- !intensitas warna mera' dalam 'eksadesimal&(( @ $$ ## -- !intensitas warna 'i/au dalam 'eksadesimal&BB @ $$ ## -- !intensitas warna biru dalam 'eksadesimal&IF-ITB/EN/Sep '04IF1191 HTMLPage 14Tag Enumerasi !List, Unordered List, Ordered List&itemCntuk menandai suatu item dari daftar !enumerasi&+ diawali dengan simbol !bullet&ara men,atakan baris;baris dan kolom;kolom#Tag untuk penanda baris adala' definisi baris Tag untuk penanda kolom adala' data

aaabbb

dddeee'''

aaabbb

dddeee'''

IF-ITB/EN/Sep '04IF1191 HTMLPage 18Tag Tabel !"able& ; la,outCntuk menata letak #layout$ isi dokumen

Header kiriHeader tengahHeader kanan

$enu kiriBagian Isi

>ooter tengah>ooter kanan

Header kiriHeader tengahHeader kanan

$enu kiriBagian Isi

>ooter tengah>ooter kanan

IF-ITB/EN/Sep '04IF1191 HTMLPage 19Desain(La,out HalamanNavigasiLogoNavigasiNavigasiNavigasiLogoNavigasiIF-ITB/EN/Sep '04IF1191 HTMLPage 20Tag Link !.n>'or&,ata yang di"lik,ata yang ditujuL!n+ @ .lamat C*L atau nama fle dan(atau a>uan ,ang ditu/u,-.an @ bagian akhir. Saya ingin menuju kehalaman selanjutnya. Saya inginlangsung menuju ke bagian ba-ah pada halaman selanjutnya.
Homepagedetik.om.
Ini bagian tengah.
Ini bagianakhir.hal.htmlIF-ITB/EN/Sep '04IF1191 HTMLPage 21truktur LinkIF-ITB/EN/Sep '04IF1191 HTMLPage 22frame H frameset Lebih dari satu dokumen dapat ditampilkan se>ara bersamaan dalam satu tampilan etiap dokumen ditampilkan dalam sebua' frame ebua' %ra!eset menentukan tata letak, ukuran, dan banyaknya %ra!e ,ang akan ditampilkan Di dalam %ra!eset bole' ada %ra!eset lain !beranak& Dibutu'kan satu dokumen tersendiri ,ang berisi defnisi %ra!eset# Dokumen tersebut tidak mempun,ai isi dokumen !tidak ada 3bod,4 3(bod,4& kema dasar dokumen %ra!eset :

&udul dokumen

bagian ini ditampilkan jika browser tidak mendukung frame

IF-ITB/EN/Sep '04IF1191 HTMLPage 23

Houment >rameset

;da ) halaman F

1. Halaman 2
2. Halaman )

2onto' Dokumen &ra!esetIF-ITB/EN/Sep '04IF1191 HTMLPage 24iframe !inline frame& Di dalam sebua' dokumen !induk& dapat ditampilkan satu atau beberapa dokumen lain !anak& etiap dokumen !anak& ,ang disisipkan diletakkan dalam sebua' i%ra!e Dokumen induk merupakan dokumen biasa ,ang mempunyai isi dokumen kema dasar dokumen dengan i%ra!e :

&udul dokumen

.isi dokumen.

bagian ini ditampilkan jika browser tidak mendukung frame

LnbspM

LnbspM,isah S$4

2onto' sebua' %or! seder'ana untuk meminta nama user :,etikkan nama ;ndaF

t43(sele>t4 8ili'an ma/emuk !multiple sele>tions&3sele>t multiple43(sele>t4 2entang !on(oJ&3input t,pe@I>'e>kbo=I4 Data bawaan(tersembun,i !'idden&3input t,pe@I'iddenI4 -ile3input t,pe@IfleI4 kbo=+ image+ submit+ reset+ button+ 'idden+ flename : identifer untuk sisi ser?erid : identifer untuk sisi browser?alue : nilai defaultdisabled : /ika disebutkan maka elemen tidak aktif !tidak digunakan&Nked : /ika disebutkan maka defaultn,a adala' dalam keadaan dipili'Nt+ buttonNnilainilai : nilai defaultrows : ban,akn,a baris ,ang ditampilkan !tinggi&>ols : ban,akn,a kolom(karakter ,ang ditampilkan !lebar&N

multiple : /ika disebutkan maka pili'an bole' lebi' dari satu !sambil menekan tombol 2trl&siDe : ban,akn,a baris pili'an ,ang ditampilkan !default@%&sele>ted : /ika disebutkan maka defaultn,a dalam keadaan terpili'N

Silahkan isi data ;nda

Pass-ordF

;lamatF

IF-ITB/EN/Sep '04IF1191 HTMLPage 312onto' form !A&