1. BAB I
PENDAHULUAN
1.1. Latar Belakang
Teknologi semakinhari semakinberkembang.Salahsatunyateknologi informasi,banyaksekali
bidangyangmemanfaatkanteknologi Informasi.Tuntutankebutuhanakaninformasi dan
penggunaankomputeryangsemakinbanyak mendorongterbentuknyasebuahjaringankomputer
yang mampumelayani berbagai kebutuhantertentu.
Jaringankomputerkitakenal dengannamainternet.Internetbisadiaksesdandimanfaatkanuntuk
berbagai keperluan,olehsiapasajadandimanasaja,kapanpunkitamaumenggunakannya.Salah
satunyaadalahweb,yangmampu menyediakaninformasi dalambentukteks,gambar,suara
maupungambar bergerak.Dengankemampuansepetiini,webmenjadisangatterkenal dan
perkembangannyasangatlahpesat.
Denganterusberkembangnyarodaperkembanganteknologi,webberkembangmenjadi alatbantu
yang tidakhanyamampumenyediakaninformasi,namunjugamampuuntukmengolahinformasi.
Prosespengolahaninformasi denganmemanfaatkanteknologi webmenyebabkanwebmenjadi
mediayangdinamis.Hal ini membutuhkansaranateknisyangyangmenentukan.Saranatersebut
banyakbergantungpadapenggunaanperangkatlunakyangkuat,aman,terpercaya,dancepat.
Pada kesempatanini penulisakanmembahastentangbahasapemrogramanHTMLsebagai salah
satu perangkatlunakyangturut menentukandapatdigunakannyamediawebsebagai media
pengolahinformasi.
1.2. RumusanMasalah
Makalah ini merumuskanbeberapapermasalahansebagai berikut:
1. ApakahHTML itu?
2. Apa Fungsi HTML?
3. Bagaimana strukturpada halamanHTML?
4. Bagaimana pengaturanpadatampilanHTML?
1.3. RuangLingkup
Dalammakalahini,penulismembatasi masalahyangakandibahaspadamateri Pemrograman
Terstruktur.Pembahasanlebihdikhususkanpadadasarpemrogramanwebdenganhtml.Hal
tersebutdimaksudkanuntukmempertegaspembahasansehinggadapatterfokuspadamasalahyang
akan dibahassertadapatmemberikangambaranumumtentangisi makalahsehinggapembacalebih
mudahmempelajarinya.
2. 1.4. Maksuddan Tujuan
Maksud dari penyusunantugas ini adalahuntukmemenuhi danmelengkapi salahsatutugasmata
kuliahPemrogramanTerstrukturdi BinaSaranaInformatika.Sedangkantujuandari penulisantugas
ini adalah:
1. Menerapkanteori yangdidapatselamabelajardi BinaSarana Informatika.
2. Mengembangkankreativitasdanwawasanpenulis.
3. MemberikanuraiantentangpemrogramanHTML secara lebihterperinci.
1.5. Metode PengumpulanData
Untuk memperolehdatayangdiperlukandalampenyusunantugasini,penulismenggunakan
Metode BrowsingInternet,yaitumetode yangdilakukandenganbrowsingataumembacaatau
mencari referensi-referensiyangberkaitandenganmasalahyangdibahasdalamtugasini di internet.
1.6. SistematikaPenulisan
Untuk memudahkanpembacadalammempelajari danmengetahui isi makalahini,penulis
memberikanuraiansingkatmengenaigambaranpadamasing-masingbabmelaluisistematika
penulisanyaitu:
BAB I PENDAHULUAN
Dalambab ini,penulismenguraikantentanglatarbelakangpenulisan,rumusanmasalah,ruang
lingkup,maksuddan tujuansertametode-metode yangdigunakandalampengumpulandatauntuk
menyusuntugasini.Selainitu,penulisjugamenguraikanmengenai sistematikapenulisan.
BAB IIPEMBAHASAN
Pada babini,penulismenguraikantentangmateri-materi yangakandibahaskarenababini
merupakanbabutama dari makalahini.Dalambab ini penulismenguraikantentangpengertian
HTML, fungsi HTML, strukturHTML danpengaturanpada halamanHTML.
BAB IIIPENUTUP
Dalambab ini,penulismenguraikantentangkesimpulan-kesimpulandari masalahyangdibahasserta
saran-saranyang penulisajukangunaperbaikanselanjutnya.
BAB II
PEMBAHASAN
3. 2.1. Umum
Pada masa sekarangini HTML merupakaninterface standardinternet.Halaman-halamanHTML ini
bisamengandunganimasi,suara,video,bahkansampai programinteraktif yangkompleks.Jutaan
halamanHTML setiaphari diaksesdari web-webserverseluruhdunia.
Sudahmenjadi trenmemangsekarangini perusahaan-perusahaanmelakukanpertukaraninformasi
bisnisdaninformasi internpegawai danpelanggan-pelangganmereka.HTMLsekarangmenjadi
pilihanuntukpresentasi.BahkanMicrosoftsendiri telahmengintegrasikanHTML ke sistemoperasi
Windowsnya.PendeknyaHTML terdapatdi mana-mana.
HTML adalah bahasapemrogramandasaryang digunakanuntukmembangunsebuahsitus.HTML
sangat mudahdigunakandandiaplikasikan,olehkarenaituapabilainginbelajarmembangunsebuah
situssendiri makabahasaHTML wajibdipelajari.
2.2. PengertianHTML
HTML merupakansingkatandari HypertextMarkupLanguage.HTML digunakan untukmembangun
halamanweb.HTML digunakanuntukmelakukanmark-up(penandaan)terhadapsebuahdokumen
teks.Tanda tersebutdigunakanuntukmenentukanformatataustyle dari teksyangditandai halaman
webdibangunolehkode-kode HTML.
HTML adalah bahasamarkupyang umumdigunakan.KepopuleranHTML disebakankarenaHTML ini
mudahdigunakan.PembuatandokumenwebdenganHTML dapatdilakukandenganmudahdan
cepat.Dokumenwebdapattersaji dengancepatke banyakpembacadi seluruhduniasekaligus.
HTML mudah melakukankontrol terhadaptampilanhalamanwebbaikberupateks,gambar,suara,
animasi maupunvideo.
HTML berupakode-kode tagyangmenginstruksikanbrowseruntukmenghasilkantampilansesuai
denganyangdiinginkan.Sebuahfileyangmerupakanfile HTML dapat dibukadenganmenggunakan
webbrowserseperti MozillaFirefox atauMicrosoftInternetExplorer.HTMLjuga dapat dikenalioleh
aplikasi pembukaemail ataupundari PDA danprogramlainyang memiliki kemampuanbrowser.
a. Hypertext
Linkhypertextadalah kataatau frase yangdapat menunjukkanhubungansuatunaskahdokumen
dengannaskah-naskahlainnya.Jikakitaklikpadakataatau frase untukmengikuti linkini makaweb
browserakanmemindahkantampilanpadabagianlaindari naskahatau dokumenyangkita tuju.
b. Markup
Pada pengertiannyadi sini markupmenunjukkanbahwapadafile HTML berisi suatuintruksi tertentu
yang dapatmemberikansuatuformatpadadokumenyangakanditampilkanpadaWordWide Web.
c. Language
4. Meski HTML sendiri bukanmerupakanbahasapemrograman,HTMLmerupakankumpulandari
beberapainstruksi yangdapatdigunakanuntukmengubah-ubahformatsuatunaskahatau
dokumen.PadaawalnyaHTML dikembangkansebagaisubsetSGML(StandardGeneralizedMark-up
Language).KarenaHTML didedikasikanuntukditransmisikanmelalui mediaInternet,makaHTML
relatif lebihsederhanadaripadaSGML yanglebihpadaformatdokumenyangberorientasipada
aplikasi.
2.3. Fungsi HTML
HypertextMarkupLanguage merupakanstandarbahasayang di gunakanuntukmenampilkan
dokumenweb,yangbisadilakukandenganHTML yaitu:
– Menentukanformatsuatuteks
– Membuatlisttentangsekelompokhal
– Membuatlinkke dokumenlainataubagianlaindari dokumenyangsama.
– Menyisipkancitraataugambar.
– Menampilkaninformasi dalambentuktabel
– Memodifikasi.Mengontrol tampilandari webpage dancontentnya.
– Mempublikasikandokumensecaraonline sehinggabisadi aksesdari seluruhdunia.
– Membuatonline formyangbisadi gunakanuntukmenangani pendaftaran,transaksi secara online.
– Menambahkanobject-objectsepertiimage,audi,videodanjugajavaappletdalamdokumen
HTML.
2.4 StrukturHTML
1. Elemen
Elementerdiri atastigabagian,yaitutag pembuka,isi,dantagpenutup.Contonyauntuk
menampilkanjudul dokumenHTMLpada webbrowserdigunakanelementtitle,dimana:ini adalah
tag pembukajudul dokumenHTML
2. Tag
Adalahtekskhusus(markup) berupaduakarakter“”,sebagai contohadalahtag dengannamabody.
Tag ditulissecaraberpasangan,yangterdiri atastag pembukadan tag penutup(ditambahkan
karakter“/” setelahkarakter“<"),sebagai contohini adalahtag pembukaisi dokumenHTML,danini
adalahtag penutupisi dokumenHTML.Yang merupakantag-tagdasar dalamHTML adalah:
a.
Tag dan digunakanuntukmenandai awal dan akhirdari suatufile HTML.
5. b.
Tulisanyangberadadiantaratag danakan ditampilkanolehbrowserpadabagiantitle yangmana
merupakantitle dari jendelabrowser.
c.
Berisi keteranganinformasi,seperti titledanjenisdokumen,ditulisdiantaraHEADtags.
d.
Bagiantag BODY menandai awal danakhirdari badan dokumenHTML. Tag ini memiliki sejumlah
attributdapat ditentukan.
Contoh:
HalamanHTMLku yang pertama
HelloWorld
Hasil:
3. Atribut
Atributmendefinisikanpropertidari suatuelemen/tagdari HTML, yang
terdiri atasnama dan nilai
2.5 PengaturanHalamanHTML
2.5.1. MenformatTulisanPadahalamanHTML
Untuk membuathalamanwebyangrapi dan menarik,tentusajaperlumelakukanpemformatan
tulisan-tulisan,baiktatacara pencetakannya,sertajenistulisanyangdipergunakan.
Tag – tag untukmemformattulisan:
Tag
Keterangan
6. Membuatcetak tebal padatulisanyangberadadiantaranya.
Menyebabkantulisanberadadiantaranyaberkedip-kedip.
Digunakanuntukmenandai kutipandari suatu
bukuatau artikel majalah.Browserkhususnyamenampilkankutipandengancetakmiring.
Menandai suatudaftar source code program.Biasanyaditampilkanolehbrowserdalamsuatu
monospacedfontyanglebihkecil
Style untukdefinisi dari suatuistilah.Browser
menampilkandefinisi dengancetakmiring.
Textyang beradadiantaratags ini dicetaklebihlebar.Browserumumnyamenampilkancetak
Menentukanukuranfont(#) yangdigunakanuntukmenampilkanHTML dalamtags.Defaultis3;
ukurannyadari 1 sampai 7.
Tag yang menentukantingkatheadingdengannilai antara1 dan6, dengansebagai ukuranpaling
besardan 6 palingkecil
Textdiantaranyaditampilkandengancetakmiring.
Keyboardtagdigunakanuntukmewakili tombol keyboardseperti Del atauEnter.Umumnya
ditampilkanoleh browserdengansuatumonospacedfontyanglebihkecil.
Preformattedtextadalahmenampilkantulisantanpaformatyangkhusus.Tagini bagus digunakan
bilaana inginmenangani spasi antarbaris;danjuga memudahkanandauntukmeletakantabdalam
dokumen.
7. (hanyapada MicrosoftInternetExplorer2.0/3.0).Tag ini menyebabkantulisanyangberada
diantaranya
AtributuntuktulisanMARQUEE :
ALIGN
Menentukanbahwatulisandalammarquee harusdirapikandi TOP,MIDDLE atau BOTTOM
darimarquee tersebut
BEHAVIOR
Settingyangberlakuuntukatributini adalahSCROLL,SLIDE,dan ALTERNATE
SCROLL
Defaultnya,dari sisi yangsatuke yanglainpada
layar secaraberulang.
SLIDE
Gulungtextmelintasi layar,dan
ALTERNATE
BGCOLOR
Yang ini menentukandari marquee
DIRECTION
Menentukanarahke
HEIGHT
Menentukantinggi marquee dalampixel(HEIGHT= n) atau presentasi dari layar(HEIGHT= n%).
12. <
less-thansymbol
&
ampersand
&
"
quotation mark
“
Contoh:
2 < 3, adalahbenar
3 > 4, adalahsalah
Hasil:
2 4, adalahsalah
2.5.3. MengaturPemerataanTulisan
Pemerataantulisansangatmempengaruhitampilandari halamanwebanda,adakalanyatulisan
tertentuperluditampilkanpadatengahhalaman,ataupunjustified.Tag-tagHTML yangmengatur
pemerataantulisanpadasatuhalaman:
a.
Tag ini akan menampilkantulisan/gambarditengahbaris.
13. b.
Tag paragraf digunakanuntukmemulai suatuparagraf barudisertai denganpemerataantekske kiri,
tengah,atau kanandari tampilanbrowseruntukparagraf bersangkutan.Suatuparagraf dapatterdiri
dari teks,gambar,hyperlink,danelementHTMLlainnya.
c.
Ini akan merapikantulisanke kiri,tengahataukanandari tulisanyangdiberi tingkatheading
Contoh:
Tulisanini beradaditengahbaris
Tulisanini rapatkiri
Yang ini jugaditengahbaris
Yang ini rapat kanan
Hasil:
Tulisanini beradaditengahbaris
Tulisanini rapatkiri
Yang ini jugaditengahbaris
Yang ini rapat kanan
2.5.4. MembuatGaris Pemisah
Untuk menyisipsuatugarispemisahpadadokumendapatdigunakan
.
memilikiatribut:
– NOSHADE
14. – SIZE
– WIDTH.
Contoh:
Horizontal Line
atas
bawah
Hasil:
2.5.5. MembuatUnorderedList
Agar dokumenkitamudahdibacadanjelas,adabagiantertentuyang perluditampilkandalamlist.
List yangpalingsederhanadi HTML adalahunordered,ataubulletedlist.Hal ini sesuai untukdaftar
itemyangtidakmemilikihirarki atauurutanyangpenting.
a.
Digunakanuntukmengawali danmengakhiri suatuUnorderedList.
b.
Digunakanuntukmembuatsuatuheadinguntuklisttersebut.
c.
Digunakanuntukmembuatmasing-masingitemlisttersebut.
Contoh:
UL
urutan 1
urutan 2
15. urutan 3
Hasil:
2.5.6. MembuatOrderedList
Untuk membuatsuatuorderedlist,tag
dan
diganti dengan
dan
.
Contoh:
OL
urutan 1
urutan 2
urutan 3
Hasil:
2.5.7. Table danPengaturannya
Tabel adalahcara yangbaikuntukmenampilkaninformasi secaralogikyangbiasanyaditampilkan
dalambentukspreadsheet.Tabel jugadigunakanuntukmenampilkan record-recordpadadatabase.
1.
Berikutini adalahatributdari TABLE tag dan efeknyapadatabel.
a. BORDER
AtributBORDER menentukantebaldari bordersewaktuditampilkanolehbrowser.Cobalahdengan
browserandauntukmendapatkansettingyangoptimal.
16. b. CELLSPACING
AtributCELLSPACINGmementukanjumlahspasi yangbrowsertempatkandiantaratiap-tiapsel
individualatauspasi antarsel dan border(jikasel beradadi sisi dari tabel).Sekali lagi,hanyadengan
percobaanyangakan menghasilkannilai yang sesuai.
c. CELLPADDING
AtributCELLPADDINGmenentukanjumlahspasi yangbrowsertempatkanantaradata dalamcell dan
bordersel..Dalamtag tabel,adatiga tag yangmendefinisikanheader,row,dancels.Tag-tag
tersebutadalahtable header,table row, dantable data .
d. WIDTH
AtributWIDTH dapat disetdenganangka(ukurandalampixel),atausebagai suatupersentase lebar
tampilanbrowser.Browserdapatmenariktabel,tetapi tidakdapatmengkompresjikaukuran
jendelabrowserlebihkecil dari tabel.
e.ALIGN
DenganALIGN,anda dapat menentukanpemerataantabeldi left,center,ataurightdari halaman.
f.BGCOLOR
Sebagaimanapadatag , anda dapatmenentukanwarnalatarbelakangdari tabel dengan
menggunakanattributBGCOLOR,andadapat menggunakandefinisi warna#rrggbbatau namawarna
pada InternetExplorer,(sebagaicontoh,<TABLEBGCOLOR = RED).
g. BORDERCOLOR(Hanya pada MicrosoftInternetExplorer2.0/3.0)
Hal ini menyerupai attributBGCOLORtetapi diaplikasikanpadaeksternaldaninternal border.
h. BORDERCOLORLIGHT (hanyapadaMicrosoft InternetExplorer2.0/3.0)
Settingini adalahoptional danmenentukanwarnasisi terangdari gariskiri atastabel.
i.BORDERCOLORDARK(hanyapada MicrosoftInternetExplorer2.0/3.0)
Settingini adalahberlawanandenganBorderColorLight
2.
Elementable rowmenandai awal dari tiapbarispadatabel.Atributyangsah dari tabel row adalah
ALIGN,VALIGN,BGCOLOR,BGCOLORDARK,dan BGCOLORLIGHT.
3.
Elementable headerberfungsisamaseperti elementable data,tetapi elemen table header
ditampilkandalamsuatufontcetaktebal.Artibutyangsahuntukelementable headeradalah
ROWSPAN,COLSPAN,ALIGN,VALIGN,NOWRAP,BGCOLOR,BGCOLORDARK,danBGCOLORLIGHT.
BGCOLORLIGHT
17. 4.
Elementable datamenandai awal danakhirdari tiap sel didalamtabel.Atributyangsahuntuk
elementable data:
a. COLSPAN
Atributini menentukanjumlahkolomyangakanditarikolehsel;sebagai contoh,jikaCOLSPAN di set
ke 2, yangmana sel denganspandua kolomnormal dalamtabel
b. ROWSPAN
Atributini menentukanjumlahbarisyangakanditarikolehsel;sebagaicontoh,jikaROWSPAN di set
ke 2, yangmana sel denganspandua barisnormal dalamtabel.
c. NOWRAP
MenyisipkanatributNOWRAPuntukmenjagatulisandalamsel semuanyadalamsatubaris.
5.
Tag CAPTION ditempatkandiantaratagtabel,tetapi tidakdiantararow,heading,ataucell tags.
TulisandalamCAPTION tagsmendefinisikancaptionuntuktabel tersebut.
Berikutini adalahatributsahyang CAPTION tag.
a. ALIGN
SettingatributALIGN attribute untukNetscape adalahTOPdanBOTTOM; sedanganMicrosoft
InternetExplorermemasukkanTOP,BOTTOM,LEFT, RIGHT, dan CENTER.
b. VALIGN
DenganVALIGN,andadapat menentukanvertical alignmentdari datadiantaratable cells.Atributini
di set diantaratag yang akandirapikan.SettingyangsahadalahTOP,MIDDLE, dan BOTTOM. Tanpa
ditentukanhasil tagtersebutadalahcenter.Sebagaicontoh,TopAlignedmenentukansuatusel
akan dirapikandibagianatasrow.
Contoh:
Tabel
1 2
1 2
Hasil:
2.5.8. MenyisipkanGambarDalamHalamanWeb
18. Untuk menyisipsuatugambardalamhalamanWebadalahdenganmenggunakantag.Tag tersebut
memilikielementsebagai berikut:
a. SRC=URL, suatu URL yangmenunjukpadasumberfile gambar.
b. ALIGN,merapikanelemenyangmenentukan bagaimanagambarakandirapikansecararelatif
terhadaptulisanyangberdekatandengangambar.Banyaknilai yangmungkindantidakakan
dibahasdisini.
c. ALT=text,menentukantulisanyangakanditampilkan(biasanyaditempatkandiantaratandapetik)
jikabrowsertidakdapatmenampilkangambaruntukalasantertentu.
d. HEIGHT=h WIDTH=w,menentukanheightdanwidthdari image yangmemungkinkanWeb
browsermenentukanukurantempatyangtepatsebelumgambarbenar-benarselesai diterima.Hal
ini tentusajaakan membantuWebbrowserdalammelakukanrenderterhadapseluruhisi halaman
sebelumgambarselesai diterima.
Contoh:
Gambar
”Logo
Hasil:
2.5.9. Linkke DokumenatauSitusyang Lain
DokumenHTML adalahdokumen-dokumenhypertext.Hal ini berarti bahwamerekadapat
mengandunglinkke dokumenlain.
Tag ( ) digunakanuntukmembentuksuatulinkke dokumenatausumberyangakandimuatketika
usermelakukanklikpadalinktersebut.TulisandanHTML lainnyayangadadiantara linkditampilkan
kepadausersebagai suatuhotlink,biasanyadenganwarnayangberbedawarnatulisanbrowser
normal atau diberi garisbawah.
a. HREF
HREF = “URL” menentukanURLdari resource yangakan ditampilkansetelahusermelakukanklik
padanya.
Contoh:
19. Mailto
Kirimemail ke Fansyah
Hasil :
b. TITLE
Atributini,walaupuntidakdiperlukan,memungkinkanperancanghalamanmemasukkantitle dari
halamantersebut.
c. URN
MenentukansuatuURN (Universal Resource Name) untukdokumentarget.
d. NAME
AtributNAME menentukanlokasi dalamHTML tersebutyangdapat di linkdari halamanlain.Hal ini
memungkinkandokumenlainmengacuke lokasi tertentudalamsuatuhalaman.Namaacuandari
halamantersebut.Untukmengacupadasuatunama acuan, URL halamanditentukan,diikuti dengan
suatu#. Sebagai contoh,mendefinisikannamalinkCopyrightdalamdokumentersebut.
2.5.10. Form dan Pengaturannya
Diawali dandiakhirdengantagdan , field-fieldyangberadadiantaranyadigunakanuntuk
menentukanukurandanjenisdari masing-masinginputfield.Walaupun dapatmemiliki banyakform
dalamsatu halaman,tetapi tidakdapatmelakukanformdalamform.
Atributdari elemenformadalahsebagai berikut:
a. ACTION
URL yangmenentukanresource yangakandilakukanolehactionpadaformdata, danmemberi
responpadauser.
b. METHOD
Ini dapat berupadefaultGETatau POST. MenggunakanGET, queryditambahkanke URL;
menggunakanPOST,datadikirimmelalui suatutransaksi postpadamelalui HTTP.Untukdata yang
membutuhkankeamananandadiajurkanuntukmenggunakanmetodePOST.
20. 2.5.11. Frame pada Netscape 2.x/MicrosoftInternetExplorer3.x
DenganNetscape 2.0 keatas,browsermampumenampilkanframe yangmenggandungkode HTML
yang berbeda.Berikutini akandijelaskanfungsimasing-masingtag:
1.
ElemenFRAMESETadalahkontainergroupelemendari frame.AdaduaatributyaituROWSdan
COLS.
1. ROWS
Tag ROWS menentukanjumlahspasi yangdiberikanpadatiapbaris.Jumlahtersebutdapat
ditentukandalampixel,persendenganmenempatkansuatu% setelahnilai,ataunilai relatifdengan
menempatkan(*) padatempatdari nilai.
2. COLS
Syntax dari atributCOLS adalahsama denganatributROWS.
2.
ElemenFRAMEmenentukanpropertidari setiapframe masing-masingdalamframeset.Karenatidak
mengandungtext,tidakadapasanganend-tag.Atributdari FRAMEadalahsebagai berikut:
1. NAME
AtributNAME digunakanuntukmenentukanmanapadaframe,sehinggadapatberlakusebagai
target dari URLs lain.
2. MARGINWIDTH
Ini memungkinkanperancanghalamanuntukmenentukanlebardari borderframe dalamjumlah
pixel.
21. 3. MARGINHEIGHT
Ini bekerjaseperti MARGINWIDTHtetapi berefekpadatinggi dari margin.
4. SCROLLING
Settingyangsah untukatributSCROLLINGattribute adalahYES, NO,danAUTO. Jikadi setke YES,
suatuscrollbarditampilkanpadaframe;NOtidakadascrollbar,danAUTO menampilkanscrollbar
jikabesar
dokumenmelebihi ukuranframe.
5. NORESIZE
Atributini mencegahuseruntukmelakukandraguntukmengubahukurandari frame.Defaultnya
adalahmemungkinuseruntukmengubahukurandari frame.
3.
Data diantara NOFRAMEStags akandiabaikanolehbrowseryangmampumenampilkanframe,dan
di tampilkanolehbrowseryangtidakmampumenampilkanframe.
2.5.12. Elemen-ElemendalamSuatuForm
1. INPUT
ElemenINPUTmenentukaninformasidari user interface.BerikutiniadalahatributuntukINPUTtag :
a. CHECKED
Untuk checkboxesdanradiobutton,atributini dapatdi setke TRUE (checked) atauFALSE
(unchecked).
b. MAXLENGTH
MAXLENGTH menentukanjumlahmaximumkarakteryangmanadapat dimasukkandalamsuatu
textbox.
c. NAME
22. Menentukannamadari form control.Hal ini digunakanuntukmenentukanelemendatapadaform
ke resource yangmemproseselemenini.
d. SIZE
Menentukanukurandari formcontrol.Ini dapat berupanilai tunggal yangmenentukanlebar control
dalamkarakter,atau dalamwidth/heightpair.
e.SRC
Ini menentukanimage yangakanditampilkandengankontrol.
f.TYPE
Ini akan menentukanjeniscontrol yangakandigunakan.
Berikutini daftardari kontrol yangada:
* CHECKBOX
Kontrol sederhanaTRUE/FALSE,yangmana kalaudi checkadalah TRUE, dan kosongmenyatakan
FALSE.
* HIDDEN
Kontrol ini tidakditampilkanolehviewerdari halaman.Kontrol ini dapatdigunakanuntukmengirim
statusinformasi kembalike programform-processing.
* IMAGE
Klikpadaakan menyebabkanformdatadikirimseketika,dannilainyalewatkanolehimage dalamx,y
kordinatpixel.
* PASSWORD
Fungsi ini seperti textbox,tetapi tulisanyangandaketikditampilkandenganasterikssebagai
penggantinya.
23. * RADIO
Fungsi ini menyerupai CHECKBOXcontrol,tetapi hanyasatuoptionbuttondari groupyangdapat
dipilihsetiapsaat.PilihYaatauTidak
Contoh:
Inputradio
JenisKelamin
Pria:
Wanita:
Hasil:
* RESET
Ketikatombol di klik,formdatadikembalikanke keadaanawal sesuai dengannilai initialmasing-
masing.
Contoh:
Reset
Hasil:
* SUBMIT
Klikpadatombol akanmengirimformdatake FORMACTION URL.
24. * TEXT
Kontrol ini digunakanuntukmenggumpulkansatubaristunggal dari tulisan.AtributSIZEdan
MAXLENGTH dapat ditentukanuntukmembatasipengetikkan.
* TEXTAREA
Kontrol ini digunakanuntukmengetikkanbanyakbaris.
2. SELECT
Tag SELECT menandai awal danakhirdari data dalamsuatulistbox atausuatudrop-downselection
list.Berikutini adalahatributuntuk elemenSELECT:
a. MULTIPLE
Atributmultiplememungkinkanusermemilihlebihdari satuitemdari listbox.Usermenekantombol
CTRL dan clickspada item-itemberbedauntukmemilihlebihdari satu.
b. NAME
Ini menentukannamadari SELECT elemen.
c. SIZE
Ini menentukantinggi dari listcontrol.
3. OPTION
ElemenOPTION membentukmasing-masingpilihandalamtextbox ataulistbox.Berikutini atribut
dari elemenOPTION :
a. SELECTED
Atributini menentukannilai defaultdari textpadalistbox.
b. VALUE
Ini mengembalikannilai dari elemenyangterpilih.
BAB III
PENUTUP
25. 3.1. Kesimpulan
HTML lebihdikenal sebagai standarbahasauntukmembuatdokumenweb.SesungguhnyaHypertext
Markup Language (HTML) justrutidakdibuatuntukmempublikasikaninformasi di web,namunoleh
karenakesederhanaansertakemudahanpenggunaanya,HTMLkemudiandipilihoranguntuk
mendistribusikaninformasi di web.
File HTML sebenarnyaadalahfile teksbiasayangselainberisi informasi yanghendakditampilkan
kepadapengguna,jugamempunyaiperintah-perintahuntukmengaturtampilandatatersebut.
Browserlahyangmemiliki kuasapenuhdalammenterjemahkanperintah-perintahtadi.
3.2.Saran
1. Dalam penulisankode-kode HTMLuntukmembuatwebdiperlukanketelitianagartidakterjadi
kesalahansehinggaharusdiperlukanperbaikandari awal.
2. Untuk membuathalamanwebyangrapi dan menarik,perlumelakukanpemformatantulisan-
tulisan,baiktatacara pencetakannya,sertajenistulisanyangdipergunakan.
3. Penggunaanwarnaadalahcara terbaikuntukmembuatsituswebtetapi janganterlaluberlebihan.
Komposisi warna,tulisandangambaryangseimbang(tampilanyangbagus).
4. Cara pembuatanHTML file perludiperhatikansupayasearchengine seperti Googlemudah
mengindexsehinggacalonpelangganyangsedang melakukansearchingdi Google mudah
menemukanwebandasehinggaandamempunyai peluangmendapatpelangganbaru.
DAFTARPUSTAKA
www.klikbelajar.com.Pembuatansitushtml.Diaksesdi Hijaunetpadatanggal 9 November2009
pukul 09:35
www.toodoc.com PemrogramanHTML ebook.html–12 jam yanglalu.Diaksesdi Hijaunetpada
tanggal 9 November2009 pukul 09:40
www.pakde-smart75college.blogspot.com.Dasarpemrogramanhtml untukpemula2.html.Diakses
di Hijaunet pada tanggal 9 November2009 pukul 09:48
www.rizkyramadhansttg.wordpress.com.Pemrogramanhtml.Diaksesdi Hijaunetpadatanggal 9
November2009 pukul 09:50