1

BAB I INTERNET DAN WORLD WIDE WEB

1.1 Pendahuluan
World Wide Web (WWW) sudah banyak dikenal oleh para pengguna Internet ataupun
masyarakat secara umum. Apakah sebenarnya www itu? Apakah www itu sama dengan
Internet? Banyak yang salah dengan menganggap bahwa www sama dengan Internet, tapi
sesungguhnya mereka sangat berbeda. WWW adalah sebuah aplikasi yang bekerja didalam
jaringan dengan menggunakan protokol TCP/IP. Arsitektur www menggunakan model
client/server dan web browser (client) untuk mengambil informasi dari web server yang
letaknya dapat berada pada jaringan lokal ataupun pada Internet.
Sebuah situs web (sering pula disingkat menjadi situs saja; web site, site) adalah
sebutan bagi sekelompok halaman web (web page), yang umumnya merupakan bagian dari
suatu nama domain (domain name) atau subdomain di World Wide Web (WWW) di Internet.
WWW terdiri dari seluruh situs web yang tersedia kepada publik. Halaman-halaman sebuah
situs web diakses dari sebuah URL yang menjadi "akar" (root), yang disebut homepage
(halaman induk; sering diterjemahkan menjadi "beranda", "halaman muka"), dan biasanya
disimpan dalam server yang sama. Tidak semua situs web dapat diakses dengan gratis.
Beberapa situs web memerlukan pembayaran agar dapat menjadi pelanggan, misalnya
situs-situs yang menampilkan pornografi, situs-situs berita, layanan surat elektronik (e-
mail), dan lain-lain.
Sebuah halaman web adalah dokumen yang ditulis dalam format HTML (Hyper Text
Markup Language), yang hampir selalu bisa diakses melalui HTTP, yaitu protokol yang
menyampaikan informasi dari server website untuk dapat ditampilkan melalui web
browser. Halaman-halaman dari website akan bisa diakses melalui sebuah URL (Uniform
Resource Locator) yang biasa disebut Homepage. URL ini mengatur halaman-halaman
situs sehingga membentuk suatu sususan keseluruhan informasi yang ada pada suatu
website.
1.2 Sejarah Singkat Internet dan WWW
Pada tahun 1969, DARPA (Defence Advance Research Project Agency) mendanai sebuah
riset untuk mengembangkan jaringan komunikasi data antar komputer. Riset ini sukses
dengan munculnya ARPANET. Pada tahun 1972 ARPANET didemonstrasikan dengan
menghubungkan 40 node. Aplikasi Internet yang pertama kali ditemukan adalah FTP.
Kemudian menyusul email dan telnet. Kemudian pada tahun 1982, DARPA menyatakan

2
TCP/IP sebagai standar protokol untuk jaringannya, yang selanjutnya diadopsi kedalam
ARPANET pada tahun 1983.
Pada tahun 1984, jumlah host di Internet melebihi 1000 buah. Pada tahun itu pula
dikenalkan Domain Name System atau DNS. Tahun 1986, NSF (National Science Foundation)
mendanai pembuatan jaringan TCP/IP yang dikenal dengan NSFNET. Jaringan inilah yang
menjadi embrio jaringan internet yang ada sekarang ini.
Pada tahun 1993 NCSA (National Center for Supercomputing Applications)
mengeluarkan Mosaic, browser WWW dengan kemampuan grafik, pada seluruh platform
yang biasa digunakan: PC/Windows dan Macintosh. Perkembangan lalu lintas data pada
tahun tersebut meningkat hingga mencapai 342000%. Dunia bisnis dan media pun mulai
memperhatikan Internet karena perkembangan ini. Hadirnya WWW membuat Internet yang
sebelumnya hanya digunakan oleh akademisi dan riset menjadi digunakan oleh orang
banyak untuk bisnis dan hiburan.
1.3 Cara Kerja WWW
Sebuah PC akan dipergunakan untuk mengakses Internet membutuhkan koneksi
Internet dan aplikasi web browser. Web browser adalah aplikasi yang dipergunakan untuk
menampilkan informasi dari web server. Contoh web browser misalnya Internet Explorer,
Netscape Navigator, Mozilla FireFox, Opera, dll.
Pada saat PC akan mengambil informasi dari Internet, maka web browser yang ada
pada PC tersebut akan mengirimkan sebuah request atau memanggil web page dengan
menggunakan standar protokol HTTP dengan memasukkan alamat (address) tertentu dalam
bentuk URL (Uniform Resource Locator). URL adalah konsep nama file standard yang
diperluas dengan jaringannya. URL tidak hanya menunjukkan nama file dan direktorinya
tetapi juga nama mesinnya dalam jaringan. Sebuah web page berisi instruksi-instruksi
tentang bagaimana informasi akan ditampilkan. Instruksi-instruksi tersebut dapat berupa
HTML, Script, XML atau komponen-komponen khusus lainnya. Setelah menerima request
(permintaan) dari client, Web server akan menjawab atau memberikan reply dengan
mengambil web page tertentu dari harddisk server. Web server adalah komputer yang
digunakan untuk menyimpan dokumen-dokumen web. Reply yang diberikan oleh server
akan di-download ke direktori Temporary atau ke dalam memory sebelum ditampilkan ke
layar monitor PC client.


3

1.4 Web Database
Web database hampir sama dengan penyimpanan data pada umumnya yang dapat
diakses oleh bahasa pemrograman tertentu. Namun web database tidak ditujukan hanya
untuk platform tertentu saja, web database dapat diakses oleh aplikasi web yang bersifat
lebih umum seperti kontrol ActiveX, ASP (Active Server Pages), Microsoft IIS, PHP, atau CGI.
Kemampuan untuk mengintegrasikan database kedalam aplikasi yang dapat diakses oleh
web browser ini disebut dengan web database. Web database dapat dipergunakan untuk
berbagai keperluan sebagaimana database pada umumnya, misalnya untuk layanan
pengisian Kartu Rencana Studi (KRS) mahasiswa, pengisian form penjualan dan sebagainya.
1.5 Pemrograman Web
Sebuah website dapat berupa hasil kerja dari perorangan, atau kelompok
tertentu yang menunjukkan kepemilikan dari sebuah organisasi atau perusahaan.
Sebuah website biasanya satu atau menujukkan beberapa topik khusus, atau
kepentingan tertentu. Sebuah website dapat berisi hyperlink yang
menghubungkan halaman-halaman dalam situs yang sama dan yang
menghubungkan ke website lain, jadi, kadangkala bisa saja sangat berbeda
antara website yang dibuat oleh individu perseorangan dengan website yang
dibuat oleh organisasi bisnis.

4
Sebuah Website ditulis, dikonversi menjadi HTML dan diakses melalui sebuah
program software yang biasa disebut dengan web browser, yang dikenal juga
dengan HTTP Client. Halaman web dapat dilihat atau diakses melalui jaringan
komputer dan internet, perangkatnya bisa saja berupa Personal Computer (PC),
Laptop Computer, PDA ataupun Cellphone. Sebuah website dapat dijalankan
apabila ditempatkan didalam sebuah sistem komputer yang dikenal dengan Web
Server, juga disebut HTTP Server, dan pengertian ini juga bisa menunjuk pada
software yang dipakai untuk menjalankan sistem ini, yang kemudian menerima
lalu mengirimkan halaman-halaman yang diperlukan untuk merespon permintaan
dari user/client. Sebagai contoh, Apache adalah bahasa program/software yang
biasa digunakan didalam sebuah webserver, kemudian setelah itu adalah
Microsoft Internet Information Server (IIS).
Secara umum ada dikenal website statik dan dinamik. Sebuah Website statik,
adalah salah satu bentuk website yang isi didalam website tersebut tidak
dimaksudkan untuk di update secara berkala, dan biasanya di maintain secara
manual oleh beberapa orang yang menggunakan software editor. Ada 3 jenis
software editor yang biasa dipakai untuk tujuan ini, yaitu:
1. Text Editor.
Contohnya adalah Notepad atau TextEdit, dimana HTML diubah didalam
program editor tersebut.
2. WYSIWYG editor.
Contohnya Microsoft Frontpage dan Macromedia Dreamweaver, dimana
situs di edit menggunakan GUI (Graphical User Interface) dan format
HTML ini secara otomatis di generate oleh editor ini.
3. Editor yang sudah memiliki template, contohnya Rapidweaver dan iWeb,
dimana, editor ini membolehkan user untuk membuat dan mengupdate
websitenya langsung ke web server secara cepat, tanpa harus
mengetahui apapun tentang HTML. Programmer dapat memilih template
yang sesuai dengan keinginan mereka, menambah gambar atau obyek,
mengisinya dengan tulisan, dan dengan sekejap mereka sudah dapat
membuat website tanpa harus melihat sama sekali kode-kode HTML.
Sebuah website dynamic adalah website yang secara berkala, informasi
didalamnya berubah, atau website ini bisa berhubungan dengan user dengan
berbagai macam cara atau metode bisa juga dengan cara interaksi langsung

5
menggunakan form dan pergerakan mouse. Ketika web server menerima
permintaan dari user untuk memberikan halaman tertentu, maka halaman
tersebut akan secara otomatis di ambil dari media penyimpanan sebagai respon
dari permintaan yang diminta oleh user. Sebuah situs dapat menampilkan dialog
yang sedang berlangsung diantara dua user, memantau perubahan situasi, atau
menyediakan informasi yang berkaitan dengan sang user.
Ada banyak jenis sistem software yang dapat dipakai untuk meng-generate
Dynamic Web System dan Situs Dynamic, beberapa diantaranya adalah
ColdFusion (CFM), Active Server Pages (ASP), J ava Server Pages (J SP) dan
PHP, bahasa program yang mampu untuk meng-generate Dynamic Web System
dan Situs Dinamis. Situs juga bisa termasuk didalamnya berisi informasi yang
diambil dari satu atau lebih database atau bisa juga menggunakan teknologi
berbasis XML, contohnya adalah RSS. Isi situs yang statis juga secara periodik di
generate, atau, apabila ada keadaan dimana diperlukan untuk dikembalikan
kepada keadaan semula, maka bagian tersebut akan di generate, hal ini untuk
menghindari kinerjanya supaya tetap terjaga. Plugin tersedia untuk menambah
banyaknya feature dan kemampuan dari web browser, dimana, plugin ini dipakai
untuk membuka content yang biasanya berupa cuplikan dari gambar bergerak
(active content) contohnya adalah Flash, Shockwave atau applets yang ditulis
dalam bahasa J AVA. Dynamic HTML juga menyediakan untuk user supaya dapat
secara interaktif dan realtime, meng-update isi web page tersebut.

6
BAB II HTML
2.1 Pendahuluan
HTML atau HyperText Markup Language adalah file teks yang dapat dibuat dengan
menggunakan program teks editor seperti Notepad. HTML bukanlah bahasa pemrogramanm,
melainkan sebuah bahasa mark up (penandaan) untuk menandai suatu dokumen teks
sehingga dapat ditampilkan dalam web browser. Tanda tersebut dipergunakan untuk
mengatur style atau format interface dari berbagai komponen dalam suatu web page.
2.2 Petunjuk Umum HTML
Sebuah dokumen HTML dapat dibuat dengan menyimpan sebuah dokumen teks biasa
dengan ekstensi *.htm atau *.html. Ekstensi dokumen HTML yang menggunakan 3 digit
adalah untuk mengakomodasi sistem penamaan file yang ada dalam sistem operasi DOS.
Untuk membuat dokumen HTML dapat dipergunakan teks editor biasa seperti notepad
ataupun menggunakan HTMLeditor seperti Notepad++, UltraEdit, dan sebagainya. Adapun
program aplikasi yang banyak dipergunakan antara lain Microsoft Front Page, Visual
Interdev, Macromedia Dreamweaver.
Untuk menandai berbagai elemen dalam suatu dokumen HTML digunakan tag.
Penulisan tag dilakukan dengan memberikan tanda lebih kecil (<) dan tanda lebih besar (>).
Struktur HTML sangatlah sederhana, yaitu hanya terdiri atas bagian yang akan diformat dan
bagian tag HTML. Secara umum cara penulisan tag HTML yaitu:

<TAG>komponen/teks yang akan diformat</TAG>


Misalnya sebuah kalimat yang akan ditebalkan, maka cara penulisannya dalam
struktur HTML adalah:

<B>Teks ini ditebalkan</B>

Tag <B> diatas dipergunakan untuk menebalkan teks yang berada diantara tag
tersebut. Sedangkan tanda garis miring (/) seperti dalam </B> dipergunakan untuk
menutup tag. Tag HTML tidak bersifat case sensitif, jadi <HTML> sama dengan <html>.
Penulisan tag dengan kapital hanya untuk mempermudah dalam membedakan antara teks
biasa dan tag. Secara umum, tag selalu berpasangan seperti <b> dan </b>.
Selain itu, tag juga mempunyai atribut. Atribut tag dipergunakan untuk memformat
lebih lanjut tentang tag tersebut. Tag <body> ini tidak menggunakan atribut, namun
apabila ingin mengubah warna latar belakang web page dengan warna tertentu maka dapat
ditambahkan atribut bgcolor kedalam tag <body>:


7
<body bgcolor=red>

Contoh penulisan tag diatas akan mengubah warna latar belakang menjadi warna
merah. Cara penulisan tag dan atribut yang benar adalah:

<tag atribut1=nilai1 atribut2=nilai2> teks </tag>

Walaupun tag mempunyai atribut, tidak dianjurkan dalam pemrograman web untuk
menggunakan atribut ini dalam mengubah nilai default tag, karena penggunaan atribut
yang berulang dalam dokumen HTML akan menyebabkan ukuran dokumen HTML yang
dibuat menjadi lebih besar, tetapi menggunakan stylesheet.
2.3 Tag-tag Dasar
2.3.1 HTML <HTML> ... </HTML>
Tag <HTML> merupakan tag yang mendefinisikan bahwa suatu dokumen merupakan
dokumen HTML. Tag <HTML> harus dituliskan dalam setiap dokumen HTML. Pada
web browser tertentu, walaupun tidak menggunakan tag HTML, browser tersebut
tetap dapat menampilkan dokumen HTML.
2.3.2 Head <HEAD> ... </HEAD>
Tag ini diletakkan dibawah tag <HTML>. Tag <HEAD> digunakan untuk menuliskan
keterangan tentang dokumen HTML terkait.
1. Judul <TITLE> ... </TITLE>
Tag ini digunakan untuk memberikan judul pada caption web browser tentang
web page yang ditampilkan dalam suatu web page. Penulisan tag <TITLE> harus
diletakkan didalam tag <HEAD> .... </HEAD>.
2. Tag <BASE>
Tag ini digunakan untuk menentukan basis URL sebuah dokumen yang apabila
dalam suatu dokumen HTML terdapat link-link relatif dimana link tersebut tetap
dapat bekerja meskipun dokumen dipindahkan ke direktori/komputer lain. Tag
ini mempunyai sebuah atribut HREF yang berguna untuk menunjukkan sebuah
alamat URL. Contohnya:
<BASE HREF=www.alamat.com/direktori>
3. Tag <LINK>
Tag ini digunakan untuk menunjukkan relasi antardokumen HTML.

Atribut Fungsi
HREF Menunjukkan pada URL dokumen lain
REL
Mendefinisikan relasi terhadap sebuah
dokumen dan informasi tentang kontribusi
atas dokumen tersebut
REV Mendefinisikan relasi sebuah dokumen HTML

8
dengan dokumen lain
TYPE
Menentukan tipe dan parameter dari relasi

Contoh:
<LINK [{REV|REL}=teks] HREF=URL>

<LINK REV=made HREF=mailto:[email protected]>
<LINK REV=toc HREF=contents.htm>
<LINK REV=index HREF=index.htm>
<LINK REV=copyright HREF=copyright.htm>

4. Tag <META>
Tag ini digunakan untuk mendefinisikan informasi diluar HTML misalnya
informasi tentang dukungan browser dalam menjalankan suatu dokumen HTML.
Atribut Fungsi
HTTP-EQUIV Mendefinisikan properti dari elemen
NAME Menyediakan deskripsi tambahan dari elemen
URL Mendefinisikan target dokumen dari sebuah properti
CONTENT
Menyediakan nilai respon dari properti

Contoh:
<META HTTP-EQUIV=refresh CONTENT=60 URL=www.alamat.com>
Baris kode diatas memberikan instruksi kepada browser untuk menunggu selama
60 detik, kemudian memanggil dokumen baru www.alamat.com.

Tag <META> juga dipergunakan untuk menginformasikan ke Search Engine
tentang website bersangkutan, misalnya tentang nama domain, isi, deskripsi
atau tentang pembuatnya.
Contoh:
<meta name="Author" content="author" />
<meta name="Copyright" content="copyright" />
<meta name="Description" content="description" />
<meta name="Keywords" content="keywords" />

Atribut HTTP-EQUIV menginformasikan kepada browser client bagaimana cara
membaca dan menampilkan isi dari halaman web, misalnya penggunaan css,
javascript atau karakter khusus lainnya.
Contoh:
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Language" content="en-us" />


9
2.3.3 Isi <BODY> ... </BODY>
Tag ini merupakan bagian utama dokumen HTML, dimana semua isi yang akan
ditampilkan pada web browser ditempatkan pada bagian ini.
Atribut Fungsi
ALINK Menentukan warna link aktif
BACKGROUND Menentukan URL file gambar latar belakang
BGCOLOR Menentukan warna latar belakang
BGPROPERTIES
Jika diberi nilai FIXED maka gambar latar belakang
tidak diikut tergulung
LEFTMARGIN Menentukan batas kiri dokumen dalam pixel
LINK Menentukan warna dari link yang belum dikunjungi
TEXT Menentukan warna teks
TOPMARGIN Menentukan batas atas dokumen dalam pixel
VLINK Menentukan warna dari link yang telah dikunjungi

2.3.4 Paragraf <P> ... </P>
Tag ini dapat dipakai apabila sebuah web page menampilkan informasi dalam
bentuk paragraf. Tag <p> dapat dituliskan setiap kali pergantian paragraf, tetapi
tag </p> tidak harus dituliskan pada setiap akhir paragraf. Namun dianjurkan untuk
tetap menuliskan tag </p> pada akhir paragraf. Pada penggunaan tag <P>, apabila
teks yang akan ditampilkan sudah melebihi lebar jendela browser maka secara
otomatis teks akan ditampilkan pada baris berikutnya.
2.3.5 Line Break <BR>
Tag ini digunakan untuk berpindah ke baris berikutnya. Penggunaan ENTER tidak
akan berpengaruh pada penulisan tag <P> atau dengan kata lain untuk berpindah
baris harus menggunakan tag </P> atau <BR>.
2.3.6 Heading <H#> ... <H#>
Tag heading dipergunakan untuk membedakan bagian judul dan subjudul dengan isi
dokumen lainnya. Tag heading terdiri atas 6 tingkatan yang diurutkan dari 1 sampai
6. Heading 1 merupakan heading yang paling besar. Penulisan tag heading adalah
sebagai berikut:

<H1> JUDUL 1 </H1>
<H2> JUDUL 2 </H2>
<H3> JUDUL 3 </H3>
<H4> JUDUL 4 </H4>
<H5> JUDUL 5 </H5>
<H6> JUDUL 6 </H6>

Tag heading dapat diberi atribut align untuk mengatur letak heading. Nilai atribut
yang dapat dimasukkan yaitu : Kiri Left, Kanan Right, Tengah Center.
2.3.7 Garis Horizontal <HR>
Tag ini digunakan untuk menyisipkan sebuah garis mendatar pada dokumen HTML.

10
2.3.8 Komentar <!- ... ->
Seperti halnya dengan bahasa pemrograman yang lain, untuk menambahkan baris
komentar atau baris perintah yang tidak dieksekusi/ditampilkan maka dalam
dokumen HTML, dapat digunakan tag <!- komentar ->
Catatan:
Dianjurkan dalam pengetikan listing HTML untuk menggunakan indentasi dalam
memudahkan pengecekan kembali code yang telah diketikkan.
Contoh Listing:
<HTML>
<HEAD>
<TITLE> judul web page </TITLE>
</HEAD>
<BODY>
Ini adalah bagian isi dari web page.
<hr>

<!- Contoh penggunaan paragraf ->
<P> Disini adalah paragraf 1.</P>
<P>
Disini adalah paragraf 2. Dimana pada paragraf ini akan
menunjukkan bahwa teks akan berpindah ke baris apabila
ruang yang tersedia tidak cukup.
</P>
<P> Disini adalah paragraf 3.</P>

<!- Contoh penggunaan heading ->

<H1 align=center> JUDUL 1 </H1>
<H2 align=right> JUDUL 2 </H2>
<H3 align=left> JUDUL 3 </H3>
<H4> JUDUL 4 </H4>
<H5> JUDUL 5 </H5>
<H6> JUDUL 6 </H6>

<!- Contoh penggunaan Line Break ->
Kalimat ini <BR> akan ditampilkan <BR> dalam 3 baris.

</BODY>
</HTML>
2.4 Pemformatan Teks HTML
2.4.1 Pemformatan teks
Beberapa tag dasar pemformatan teks yaitu:
Tag awal Tag akhir Kegunaan
<b>
<strong>
</b>
</strong>
Menebalkan teks
<big> Membuat teks berukuran besar
<em>
<i>
</em>
</i>
Membuat teks yang dimiringkan
<small> </small> Membuat teks berukuran kecil
 Membuat subscript
 Membuat superscript
<del>
<s>
</del>
</s>
Mencoret teks

11
<strike> </strike>
<u>
<ins>
</u>
</ins>
Membuat teks yang digarisbawahi

Contoh:

<html>
<head><title>Coba-coba</title></head>
<body>
B: <b>coba-coba</b>
<br>
EM: <em>coba-coba</em>
<br>
I: <i>coba-coba</i>
<br>
SMALL: <small>coba-coba</small>
<br>
SUB: _coba-coba
<br>
SUP: ^coba-coba
<br>
DEL: <del>coba-coba</del>
<br>
INS: <ins>coba-coba</ins>
<br>
U: <u>coba-coba</u>
</body>
</html>

2.4.2 Preformat <PRE> ... </PRE>
Dengan tag ini, teks yang ditampilkan dalam browser dengan ukuran font yang tetap
dengan menjaga spasi, baris baru, dan tab sesuai dengan aslinyanya pada saat pengetikan
dalam editor. Salah satu fungsi dari penggunaan tag <PRE> ini adalah untuk menampilkan
source code.
Contoh:
<html>
<head><title>Penggunaan Preformat</title></head>
<body>
<pre>
Paragraf ini akan ditampilkan sama seperti
yang diketikan pada editor sesuai dengan
spasi, tab, dan enter tanpa menggunakan tag
lain seperti br.
</pre>
</body>
</html>
2.4.3 Computer-output
Tag computer-output merupakan sejumlah tag yang digunakan untuk menampilkan
listing code pemrograman atau script yang ditampilkan dalam dokumen HTML. Tag-tag ini
mengubah font yang digunakan dengan font: Courier New kecuali tag <var> yang mengubah
teks menjadi teks miring.
Tag awal Tag akhir Kegunaan
<code> </code> Teks computer code
<kbd> </kbd> Teks keyboard

12
<samp> </samp> Conto computer code
<tt> </tt> Teks teletype
<var> </var> Mendefinisikan variabel
<listing>

</listing>

Listing membuat teks preformat
dengan ukuran kecil
<plaintext> - Menampilkan semua teks termasuk
tag HTML yang ada dibawahnya.

2.4.4 Tag Pemformatan teks lainnya
Tag awal Tag akhir Kegunaan
<abbr> </abbr>
<acronym> </acronym> Untuk menampilkan kepanjangan
apabila mouse pointer diletakkan
diatasnya.
<address> </address> Untuk penulisan alamat standar
<bdo> </bdo> Untuk mendefinisikan arah teks
<blockquote> </blockquote> Untuk mendefinisikan kutipan panjang
<q> </q> Untuk mendefinisikan kutipan singkat
<cite> </cite> Untuk mendefinisikan suatu kutipan
<dfn> </dfn> Untuk mendefinisikan istilah tertentu

Contoh:
<html>
<head><title>Coba-coba</title></head>
<body>
ABBR: <abbr title="dan lain-lain">dll</abbr><br>
ACRONYM: <acronym title="World Wide Web">WWW</acronym><br>
ADDRESS: <address>coba-coba</address><br>
BDO: <bdo>coba-coba</bdo><br>
Q: <q>coba-coba</q><br>
BLOCKQUOTE: <q>coba-coba</q><br>
CITE: <cite>coba-coba</cite><br>
DFN: <dfn>coba-coba</dfn>
</body>
</html>

2.4.5 Tag FONT
Tag ini digunakan untuk menentukan jenis, warna, dan ukuran dari tulisan dalam
dokumen HTML. Atribut-atribut tag <FONT> yang sering digunakan yaitu:
Atribut Kegunaan
Face Menentukan nama font/jenis tulisan
Color Menentukan warna
Size Menentukan ukuran

Contoh:
<FONT FACE="Arial" COLOR="maroon" SIZE="1">
ABC 123
</FONT>
<FONT FACE="Verdana" COLOR="mediumaquamarine" SIZE="2">
ABC 123
</FONT>



13
2.5 Tag Gambar
Tag <IMG> digunakan untuk menambahkan gambar kedalam suatu dokumen HTML.
Format gambar yang dapat ditampilkan dalam dokumen HTML misalnya GIF, JPEG, PCX,
PNG, WMF, dan lain-lain. Format gambar yang paling umum digunakan dalam dokumen
HTML adalah GIF, PNG dan JPEG. Tag <IMG> mempunyai beberapa atribut sebagai berikut:
Atribut Kegunaan
Src Menentukan URL/Path/direktori dari
file gambar yang akan dimasukkan
Align Menentukan posisi gambar
TOP/MIDDLE/BOTTOM/LEFT/RIGHT
Width Menentukan lebar gambar
Height Menentukan tinggi gambar
Alt Menampilkan teks pengganti gambar
jika gambar tidak dapat ditampilkan

Contoh:
<IMG SRC="Logo.jpg" ALT="My company logo">

Selain menggunakan tag <IMG>, gambar juga dapat ditambahkan kedalam
dokumen HTML dengan menggunakan atribut background pada tag-tag tertentu
misalnya dalam tag <BODY> atau <TABLE>.
2.6 LINK dalam HTML
Sebuah website sangatlah terbatas apabila hanya mempunyai satu halaman web saja,
maka untuk menghubungkan halaman web yang satu dengan halaman lainnya memerlukan
tag HTML yang disebut dengan Hyperlink atau link saja. Pada browser hyperlink biasanya
diberi tanda garis bawah dan berwarna biru. Tag yang dipergunakan adalah tag anchor atau
<A>.

2.6.1 Link relatif
Untuk membuat suatu link ke halaman web lain yang berada pada komputer/web
site yang sama dapat menggunakan penulisan HTML sebagai berikut:

<A HREF="contactus.htm">Contact Us</A>

2.6.2 Link absolut
Untuk membuat link ke halaman web pada web site yang lain dapat menggunakan
penulisan HTML sebagai berikut:

<A HREF="http://stmikpontianak.ac.id">STMIK PONTIANAK</A>

14

2.6.3 Link pada halaman yang sama
Untuk membuat link ke bagian lain pada halaman web yang sama dapat
menggunakan penulisan HTML sebagai berikut:

<A HREF="#ChapterI">CHAPTER I</A>

Sebelum sebuah link dapat terhubung ke bagian yang dimaksud terlebih dahulu
harus diberi tanda untuk bagian mana yang akan dituju oleh link diatas atau disebut
dengan bookmark. Cara menambahkan bookmark suatu bagian dalam suatu halaman web
adalah:

<A name="ChapterI"><H1>CHAPTER I</H1></A>

2.6.4 Membuka Link ke window baru
Untuk membuka link ke window baru dapat menggunakan atribut target dengan
nilai _blank seperti contoh berikut:

<A HREF="ChapterI.htm" target ="_blank">CHAPTER I</A>

2.6.5 Link untuk Mengirim Mail
Untuk membuat link untuk mengirim mail dapat menggunakan kata mailto pada
nilai atribut href seperti dalam contoh berikut:

<A HREF="mailto:[email protected]">CHAPTER I</A>
2.7 TABEL
Tabel merupakan salah satu bagian yang sangat penting dalam HTML, dimana tabel
tidak hanya digunakan untuk mengelompokkan teks seperti yang dalam Microsoft Word,
atau pengolah teks lainnya, tetapi dalam HTML, tabel juga digunakan untuk menata
susunan objek dan teks yang ada dalam suatu dokumen HTML. Tag-tag utama dalam
pembuatan tabel adalah <TABLE> ... </TABLE> untuk mendefinisikan tabel, <TR> ... </TR>
untuk mendefinisikan baris dalam suatu tabel, dan <TD>...</TD> untuk mendefinisikan
kolom dalam suatu baris.

<TABLE>
<TR>
<TD>...</TD>
<TD>...</TD>
</TR>
</TABLE>


15
Berikut adalah daftar atribut untuk masing-masing tag dalam pembuatan tabel:
Tag Atribut Kegunaan
<table> Untuk mendefinisikan tabel
align Untuk menentukan posisi tabel
Nilai: LEFT / RIGHT
background Untuk menggunakan gambar sebagai
latar belakang tabel
border Untuk menentukan ukuran garis tepi
tabel
bordercolor Untuk menentukan warna garis tepi
bordercolorlight Untuk menentukan warna garis tepi
bagian yang tipis
bordercolordark Untuk menentukan warna garis tepi
bagian yang tebal
bgcolor Untuk menentukan warna latar
belakang tabel
cellpadding Untuk menentukan jarak antara garis
tepi dengan isi
cellspacing Untuk menentukan jarak antar cell.
height Untuk menentukan tinggi tabel
hspace Untuk menentukan jarak horisontal
antara teks dengan tabel
rules Untuk menentukan pengaturan garis
tepi
Nilai: NONE / ALL / COLS / ROWS
summary Untuk mendefinisikan inti dari tabel
tersebut
vspace Untuk menentukan jarak vertikal antara
teks dengan tabel
width Untuk menentukan lebar tabel
<tr> Untuk mendefinisikan baris
align Untuk mengatur tata letak teks dalam
satu baris
background Untuk menentukan gambar latar
belakang baris
bgcolor Untuk menentukan warna latar
belakang baris
bordercolor Untuk menentukan warna garis tepi
bordercolorlight Untuk menentukan warna garis tepi
bagian yang tipis
bordercolordark Untuk menentukan warna garis tepi
bagian yang tebal
height Untuk menentukan tinggi baris
valign Untuk mengatur tata letak vertikal teks
width Untuk menentukan lebar baris
<td> Untuk mendefinisikan kolom
background Untuk menentukan gambar latar
belakang kolom
colspan Untuk menentukan jumlah kolom yang
yang dipakai
align Untuk mengatur tata letak teks dalam
satu kolom
bgcolor Untuk menentukan warna latar
belakang kolom
rowspan Untuk menentukan jumlah baris yang

16
dipakai
width Untuk menentukan lebar baris/kolom
height Untuk menentukan tinggi baris/kolom
nowrap Untuk menonaktifkan perpindahan baris
bordercolor Untuk menentukan warna garis tepi
bordercolorlight Untuk menentukan warna garis tepi
bagian yang tipis
bordercolordark Untuk menentukan warna garis tepi
bagian yang tebal
<th> Untuk mendefinisikan header

Contoh:
<TABLE BORDER="5" BORDERCOLOR="#808080" CELLSPACING="1" WIDTH="405">
<TH WIDTH="100">Country</TH>
<TH WIDTH="100">Capital</TH>
<TH WIDTH="5"></TH>
<TH WIDTH="100">Country</TH>
<TH WIDTH="100">Capital</TH>
<TR ALIGN="CENTER">
<TD HEIGHT="47">Argentina</TD><TD>Buenos Aires</TD>
<TD></TD>
<TD>Guyana</TD><TD>Georgetown</TD>
</TR>
<TR ALIGN="CENTER">
<TD ROWSPAN="2">Bolivia</TD><TD>Sucre (official)</TD>
<TD ROWSPAN="2"></TD>
<TD ROWSPAN="2">Paraguay</TD><TD ROWSPAN="2">Asuncin</TD>
</TR>
<TR ALIGN="CENTER">
<TD NOWRAP>La Paz (administrative)</TD>
</TR>
<TR ALIGN="CENTER">
<TD HEIGHT="47">Brazil</TD><TD>Braslia</TD>
<TD></TD>
<TD>Peru</TD><TD>Lima</TD>
</TR>
<TR ALIGN="CENTER">
<TD HEIGHT="47">Chile</TD><TD>Santiago</TD>
<TD></TD>
<TD>Surinam</TD><TD>Paramaribo</TD>
</TR>
<TR ALIGN="CENTER">
<TD HEIGHT="47">Colombia</TD><TD>Bogot</TD>
<TD></TD>
<TD>Uruguay</TD><TD>Montevideo</TD>
</TR>
<TR ALIGN="CENTER">
<TD HEIGHT="47">Ecuador</TD><TD>Quito</TD>
<TD></TD>
<TD>Venezuela</TD><TD>Caracas</TD>
</TR>
<TR ALIGN="CENTER">
<TD HEIGHT="47" NOWRAP>French Guiana</TD><TD>Cayenne</TD>
</TR>
</TABLE>


17
2.8 DAFTAR DALAM HTML
Untuk membuat daftar seperti penomoran dengan angka atau dengan bullet. Daftar
dengan nomor dalam HTML disebut dengan ordered list atau <OL>. Sedangkan untuk daftar
tanpa nomor disebut dengan unordered list <UL>. Tag <LI> yang dipergunakan diatas
adalah untuk mendefinisikan uraian masing-masing daftar. Contoh pemakaian tag ini
adalah sebagai berikut:
<HTML>
<HEAD><TITLE>LIST HTML</TITLE></HEAD>
<BODY>
<!- Contoh pemakaian ordered list ->
<ol>
<li>Processor</li>
<li>RAM</li>
</ol>
<!- Contoh pemakaian unordered list ->
<ul>
<li>CD-RW</li>
<li>DVD-RW</li>
</ul>
</BODY>
</HTML>

Ordered list secara default akan menggunakan angka biasa (1,2,3,dst). Atribut yang
dapat dipakai dalam tag <OL> antara lain:
Atribut Kegunaan
Type Untuk mendefinisikan jenis list
I: ditampilkan dengan angka romawi
huruf besar
i: ditampilkan dengan angka romawi
huruf kecil
A:ditampilkan dengan abjad huruf
besar
a:ditampilkan dengan abjad huruf kecil
Start Untuk mendefinisikan nomor awal

Unordered list secara default akan menggunakan titik hitam (bullet). Atribut yang
dapat dipakai dalam tag <UL> antara lain:
Atribut Kegunaan
Type Untuk mendefinisikan jenis list
disk: titik dengan arsiran
circle: titik tanpa arsiran
square: bentuk kotak

Contoh:
<HTML>
<HEAD><TITLE>LIST HTML 2</TITLE></HEAD>
<BODY>
<!- Contoh pemakaian ordered list ->
<ol type="I" start="7">
<li>Intel</li>
<li>AMD</li>
</ol>

18
<!- Contoh pemakaian unordered list ->
<ul>
<li>Printer</li>
<li>Scanner</li>
</ul>
<ul type="square">
<li>Mouse</li>
<li>Keyboard</li>
</ul>
<ul type="disc">
<li>CRT</li>
<li>LCD</li>
</ul>
<ul type="circle">
<li>CD-RW</li>
<li>DVD-RW</li>
</ul>
</BODY>
</HTML>

Selain ordered list dan unordered list, dalam HTML juga ada yang disebut dengan
definition list (DL), definition term (DT), dan definition description (DD). Contoh:
<HTML>
<HEAD><TITLE>LIST HTML 3</TITLE></HEAD>
<BODY>
<!- Contoh pemakaian definition list ->
<dl type="a" start="7">
<dt>HTTP </dt>
<dd>HyperText Transfer Protocol</dd>
<dt>HTML</dt>
<dd>HyperText Markup Language</dd>
</dl>
</BODY>
</HTML>


2.9 FRAME
Penggunaan frame memungkinkan beberapa halaman web ditampilkan dalam satu
window browser yang sama dimana window tersebut dibagi atas beberapa frame. Tag
utama yang dipakai yaitu <FRAMESET>, <FRAME> dan <NOFRAME>.
Tag <FRAMESET> mempunyai atribut:
Atribut Kegunaan
ROWS Untuk mendefinisikan frame mendatar
COLS Untuk mendefinisikan frame tegak
FRAMESPACING Untuk mendefinisikan jarak antar frame
BORDERCOLOR Untuk mendefinisikan warna bingkai
frame
FRAMEBORDER Untuk mendefinisikan apakah frame
memiliki bingkai atau tidak
Nilai: Yes atau 1, No atau 0
BORDER Untuk menentukan ukuran bingkai
frame

19
Tag <FRAME> mempunyai atribut:
Atribut Kegunaan
SRC Untuk mendefinisikan dokumen HTML
yang merupakan isi dari frame tersebut
MARGINHEIGHT Untuk menentukan batas atas dan
bawah antara dokumen dengan frame
MARGINWIDTH Untuk menentukan batas kiri dan kanan
antara dokumen dengan frame
SCROLLING Untuk menentukan apakah frame
memiliki scroll.
Nilai: Yes, No, atau Auto
FRAMEBORDER Untuk menentukan apakah frame
memiliki bingkai atau tidak
Nilai: Yes atau 1, No atau 0
NAME Untuk memberi nama pada frame
BORDER Untuk menentukan ukuran bingkai
frame
NORESIZE Untuk menentukan bahwa frame ini
tidak dapat diubah ukurannya.

Contoh:
<HTML>
<HEAD><TITLE>FRAME HTML</TITLE></HEAD>
<!- Contoh pemakaian frame ->
<FRAMESET ROWS="*,2*,3*">
<FRAME SRC="list.HTM" NAME="FRALIST"></FRAME>
<FRAME SRC="COBA.HTML" NAME="FRACOBA" SCROLLING="YES">
</FRAME>
<FRAME SRC="preformat.HTML" NAME="FRAPRE" NORESIZE>
</FRAME>
</FRAMESET>
</HTML>
Selain tag diatas, ada tag <IFRAME> yang merupakan frame mengambang yang
berbentuk seperti sebuah textbox. Contoh:
<IFRAME SRC="coba.html"></IFRAME>


20
2.10 FORM
Form merupakan sebuah daftar isian atau formulir yang biasanya dipergunakan
untuk meminta informasi dari pengunjung suatu halaman web. Umumnya informasi
tersebut akan diproses dengan menggunakan skrip tertentu pada server. Ada beberapa
komponen yang dipakai dalam penggunaan form seperti textbox, dropdown list, check box
dan sebagainya yang dipakai untuk mengambil informasi dari pengunjung. Sebelum tag
masing-masing objek dimasukkan, harus ditambahkan terlebih dahulu tag <FORM> dan
ditutup dengan tag </FORM>. Tag ini mempunyai atribut wajib yaitu: ACTION dan METHOD.
Atribut ACTION digunakan untuk menentukan URL atau direktori dari file yang akan
digunakan untuk mengelola form tersebut, sedangkan atribut METHOD digunakan untuk
menentukan metode yang dipakai dalam form tersebut. Nilai pada METHOD berupa GET
atau POST. GET apabila digunakan untuk mengambil data dari URL tertentu, dan POST
untuk mengirim data ke URL tertentu.
Sintaks:
<FORM METHOD="POST|GET" ACTION="URL">

</FORM>

2.10.1 Text Box dan Password
Text box dipergunakan untuk memasukkan teks baik berupa abjad maupun angka.
Sintaks:
<INPUT TYPE="TEXT" NAME="namavar" SIZE=# MAXLENGTH=#>
Password dipergunakan untuk memasukkan teks yang ditampilkan dalam karakter
khusus.
Sintaks:
<INPUT TYPE="password" NAME="namavar" SIZE=# MAXLENGTH=#>
Contoh:
<form method="post" action="mailto:[email protected]">
Name: <input type="text" size="10" maxlength="40" name="name">
<br>
Password: <input type="password" size="10" maxlength="10" name="password">
<input type="submit" value="Send">
</form>

Hasil:
Name:
Password:


21
2.10.2 Reset dan Submit Button
Reset Button digunakan untuk menginisialisasi kembali seluruh objek form.
Sedangkan Submit button digunakan untuk memanggil url.
Sintaks:
<INPUT TYPE="reset" NAME="namavar" SIZE=# VALUE="caption">
<INPUT TYPE="submit" NAME="namavar" SIZE=# VALUE="caption">

Contoh:
<input type="submit" value="Send">
<input type="reset" value="Clear">

Hasil:
Send

Clear


2.10.3 Radio Button
Radio button merupakan menu pilihan dimana hanya bisa dipilih salah satu.
Sintaks:
<input type="radio" NAME="namavar" value="caption">
Contoh:
<form method="post" action="mailto:[email protected]">
What kind of shirt are you wearing? <br>
Shade:
<input type="radio" name="shade" value="dark">Dark
<input type="radio" name="shade" value="light">Light <br>
Size:
<input type="radio" name="size" value="small">Small
<input type="radio" name="size" value="medium">Medium
<input type="radio" name="size" value="large">Large <br>
<input type="submit" value="Email Myself">
</form>

Hasil:
What kind of shirt are you wearing?
Shade: Dark Light
Size: Small Medium Large

Email Myself


2.10.4 Check Box
Check box merupakan menu pilihan yang memungkinkan pengunjung memilih lebih
dari satu pilihan.
Sintaks:
<input type="checkbox" NAME="namavar" value="caption">
Contoh:
<form method="post" action="mailto:[email protected]">
Select your favorite cartoon characters.

22
<input type="checkbox" name="toon" value="Goofy">Goofy
<input type="checkbox" name="toon" value="Donald">Donald
<input type="checkbox" name="toon" value="Bugs">Bugs Bunny
<input type="checkbox" name="toon" value="Scoob">Scooby Doo
<input type="submit" value="Email Myself">
</form>

Hasil:
Select the 2 greatest toons.
Goofy
Donald
Bugs Bunny
Scooby Doo
Email Myself


2.10.5 Drop Down List
Drop down list menyediakan pilihan dengan bentuk drop down.
Sintaks:
<select name="namavar">
<option>Pilihan 1</option>
<option>Pilihan 2</option>
</select>

Contoh:
<form method="post" action="mailto:[email protected]">
College Degree?
<select name="degree">
<option>Choose One</option>
<option>Some High School</option>
<option>High School Degree</option>
<option>Some College</option>
<option>Bachelor's Degree</option>
<option>Doctorate</option>
<input type="submit" value="Email Yourself">
</select>
</form>
Hasil:
Education?
Choose One
Email Yourself


2.10.6 Selection Form
Selection menyediakan pilihan dalam bentuk list.
Sintaks:
<select multiple name="namavar" size="#">
<option>Pilihan 1</option>
<option>Pilihan 2</option>
</select>


23
Contoh:
<form method="post" action="mailto:[email protected]">
Musical Taste
<select multiple name="music" size="4">
<option value="emo" selected>Emo</option>
<option value="metal/rock" >Metal/Rock</option>
<option value="hiphop" >Hip Hop</option>
<option value="ska" >Ska</option>
<option value="jazz" >Jazz</option>
<option value="country" >Country</option>
<option value="classical" >Classical</option>
<option value="alternative" >Alternative</option>
<option value="oldies" >Oldies</option>
<option value="techno" >Techno</option>
</select>
<input type="submit" value="Email Yourself">
</form>
Hasil:
Musical Taste
Emo
Metal/Rock
Hip Hop
Ska
Email Yourself


2.10.7 File Button
File button merupakan tombol yang menampilkan dialog browse seperti dialog open.
Sintaks:
<input name="file" type="file">

Contoh:
<input type="hidden" name="MAX_FILE_SIZE" value="100" />
<input name="file" type="file">

Hasil:



2.10.8 Image Button
Image (gambar) digunakan sebagai pengganti button.
Sintaks:
<INPUT TYPE="IMAGE" SRC="urlgambar" NAME="namavar" VALUE="nilai">
Contoh:
<INPUT TYPE="IMAGE" SRC="leo.gif" NAME="button1" VALUE="Yes">
<INPUT TYPE="IMAGE" SRC="sagitarius.gif" NAME="button2" VALUE="No">

Hasil:





24
2.10.9 Text Area
Text area digunakan untuk memasukkan data yang cukup panjang, seperti memo
atau keterangan.
Sintaks:
<textarea rows="#" cols="#" wrap="physical" name="namavar">

Contoh:
<form method="post" action="mailto:[email protected]">
<textarea rows="5" cols="20" wrap="physical" name="comments">
Enter Comments Here
</textarea>
<input type="submit" value="Email Yourself">
</form>

Hasil:
Enter Comments Here
Email Yourself




25
Daftar Tag dan Atribut HTML
Tag Attribute
<!-- --> Comment

<!DOCTYPE ...>
<A ...> Anchor HREF: URL you are linking to
NAME: name a section of the page
TARGET = "_blank" | "_parent" | "_self" | "_top" |
window name
which window the document should go in
TITLE: suggested title for the document to be opened
onClick: script to run when the user clicks on this
anchor
onMouseOver: when the mouse is over the link
onMouseOut: when the mouse is no longer over the link
ACCESSKEY
<ADDRESS>
<APP ...>
<APPLET ...> CODE: the applet to run
CODEBASE: path to the applet class
WIDTH: width of the applet
HEIGHT: height of the applet
ALIGN = LEFT | RIGHT | TOP | MIDDLE | BOTTOM |
BASELINE
alignment of applet to surrounding text
VSPACE: vertical space between applet and surrounding
text
HSPACE: horizontal space between applet and
surrounding text
BORDER: empty space surrounding the applet
NAME: name of applet for reference by other applets
ARCHIVE: a compressed collection of applet components
MAYSCRIPT: If Java can use JavaScript
<AREA ...> HREF: URL you are linking to
ALT: alternate text if the image isn't displayed
SHAPE = RECT | CIRCLE | POLY | DEFAULT
what shape is this area?
COORDS: coordinates for the link area shape
TITLE: Short description of the area
TARGET: what frame to go to
NOHREF: this area is not a link
onClick: script action when the user clicks this area
onMouseOver
onMouseOut
<B> Bold
<BASE ...> Base Address HREF: default address for hypertext links
TARGET = "_blank" | "_parent" | "_self" | "_top" | frame
name default window for linked documents
<BASEFONT ...> SIZE

26
COLOR
FACE
<BGSOUND ...> SRC: URL of the sound
LOOP = INFINITE | number of loops
how many times to play the sound
<BIG>
<BLINK>
<BLOCKQUOTE ...> Block Quote
<BODY ...> BGCOLOR: background color of the page
BACKGROUND: background picture for the page
TEXT: color of the text on the page
LINK: color of links that haven't been followed yet
VLINK: color of links that have been followed
ALINK: color of links while you are clicking on them
BGPROPERTIES = FIXED
if the background image should not scroll
TOPMARGIN: size of top and bottom margins
LEFTMARGIN: size of left and right margins
MARGINHEIGHT: size of top and bottom margins
MARGINWIDTH: size of left and right margins
onLoad: Script to run once the page is fully loaded
onUnload
onFocus
onBlur
STYLESRC: MS FrontPage extension
SCROLL = YES | NO
If the document should have a scroll bar
<BR ...> Line Break CLEAR = LEFT | RIGHT | ALL | BOTH
go past a picture or other object
<BUTTON ...> TYPE = BUTTON | SUBMIT | RESET
what type of button is this
onClick: script to run when the user clicks here
NAME: name of this button element
VALUE: the value sent with the form
DISABLED: disable this button
ACCESSKEY: shortcut key for this button
TABINDEX: tab order
<CAPTION ...> ALIGN = TOP | BOTTOM | LEFT | RIGHT
alignment of caption to table
VALIGN = TOP | BOTTOM
if caption should be above or below table
<CENTER ...>
<CITE> Citation
<CODE>
<COL ...> Column SPAN: how many columns this affects
ALIGN = LEFT | CENTER | RIGHT | JUSTIFY
horizontal alignment
WIDTH: width of the column
BGCOLOR: background color of the column

27
<COLGROUP ...> Column Group SPAN: how many columns this affects
ALIGN: alignment of cell contents
WIDTH: Width of the column group
<COMMENT>
<DD> Definition Description
<DEL> Deleted
<DFN> Definition
<DIR ...> Directory List
<DIV ...> ALIGN = LEFT | CENTER | RIGHT | JUSTIFY
text alignment
<DL ...> Definition List COMPACT: take up less space
<DT> Definition Term
<EM> Emphasis
<EMBED ...> SRC: URL of resource to be embedded
WIDTH: width of area in which to show resource
HEIGHT: height of area in which to show resource
ALIGN = ABSBOTTOM | ABSMIDDLE | MIDDLE | TEXTTOP
| RIGHT | LEFT | BASELINE | CENTER | BOTTOM | TOP
how text should flow around the picture
NAME: name of the embedded object
PLUGINSPAGE: where to get the plugin software
PLUGINURL: where to get the JAR archive for automatic
installation
HIDDEN = FALSE | TRUE
if the object is visible or not
HREF: make this object a link
TARGET: frame to link to
AUTOSTART = TRUE | FALSE
if the sound/movie should start automatically
LOOP = TRUE | FALSE | # of loops
how many times to play the sound/movie
PLAYCOUNT: how many times to play the sound/movie
VOLUME: how loud to play the sound
CONTROLS = VOLUMELEVER | STOPBUTTON |
PAUSEBUTTON | PLAYBUTTON | SMALLCONSOLE |
CONSOLE
which sound control to display
CONTROLLER = TRUE | FALSE
if controls should be displayed
MASTERSOUND: indicates the object in a sound group
with the sound to use
STARTTIME: how far into the sound to start and stop
ENDTIME: when to finish playing
<FIELDSET>
<FONT ...> SIZE: size of the font
COLOR: color of the text
FACE: set the typestyle for text
POINT-SIZE
WEIGHT
<FORM ...> ACTION: URL of the CGI program

28
METHOD = GET | POST
how to transfer the data to the CGI
NAME: name of this form
ENCTYPE = "multipart/form-data" | "application/x-www-
form-urlencoded" | "text/plain"
what type of form this is
TARGET = "_blank" | "_parent" | "_self" | "_top" | frame
name what frames to put the results in
onSubmit: script to run before the form is submitted
onReset: script to run before the form is reset
<FRAME ...> SRC: what file to put in the frame
NAME: the name of the frame
SCROLLING = YES | NO | AUTO
should the frame have a scrollbar?
NORESIZE: don't let the user make the frame bigger or
smaller
FRAMEBORDER = YES | 1 | NO | 0
should this frame have a border?
BORDERCOLOR: color of the surrounding border
MARGINWIDTH: the internal left and right margins for
the frame
MARGINHEIGHT: the internal top and bottom margins
for the frame
<FRAMESET ...> COLS: how many cols in the frameset
ROWS: how many rows in the frameset
FRAMEBORDER = YES | 1 | NO | 0
if the frames should have borders
FRAMESPACING: space between the frames
BORDER: space between frames
BORDERCOLOR: color of frame borders
<H# ...> Headers<H1 ...>, <H2 ...>,
<H3 ...>, <H4 ...>, <H5 ...>, <H6 ...>
ALIGN = LEFT | RIGHT | CENTER | JUSTIFY
alignment
<HEAD>
<HR ...> Horizontal Rule NOSHADE: don't use shadow effect
SIZE: height
WIDTH: horizontal width of the line
ALIGN = LEFT | RIGHT | CENTER
horizontal alignment of the line
COLOR: color of the line
<HTML>
<I> Italics
<IFRAME ...> Inline Frame SRC: URL of the document to go in the frame
HEIGHT: height of the inline frame
WIDTH: width of the inline frame
NAME: name of this inline frame
LONGDESC: URL of a long description of the contents of
the frame
FRAMEBORDER = 1 | 0
if the frame should have a border around it

29
MARGINWIDTH: internal left/right margin for the frame
MARGINHEIGHT: internal top/bottom margin for the
frame
SCROLLING = YES | NO | AUTO
if the frame should have scroll bars
ALIGN = LEFT | RIGHT | TOP | TEXTTOP | MIDDLE |
ABSMIDDLE | CENTER | BOTTOM | ABSBOTTOM |
BASELINE
alignment of the frame object to text around it
VSPACE: space above and below the frame
HSPACE: space to the left and right of the frame
<IMG ...> Image SRC: where to get the picture
ALT: text to show if you don't show the picture
NAME
LONGDESC: URL of a long description of the image
WIDTH: how wide is the picture
HEIGHT: how tall is the picture
ALIGN = LEFT | RIGHT | TOP | TEXTTOP | MIDDLE |
ABSMIDDLE | BOTTOM | ABSBOTTOM | BASELINE
how text should flow around the picture
BORDER: border around the picture
HSPACE: horizontal distance between the picture and
the text
VSPACE: vertical distance between the picture and the
text
ISMAP: is this a clickable map?
USEMAP: name of the map definition
LOWSRC: a version of the picture that isn't such a big
file
NATURALSIZEFLAG: meaningless
NOSAVE: meaningless
DYNSRC: play a movie file
CONTROLS: show the buttons which control the movie
LOOP = INFINITE | -1 | # of loops
how many times to loop the movie
START = FILEOPEN | MOUSEOVER
when to start playing the movie
onLoad: script to runs after the image is downloaded
SUPPRESS = TRUE | FALSE
Don't show icons of images that haven't downloaded yet
<INPUT ...> TYPE = TEXT | CHECKBOX | RADIO | PASSWORD |
HIDDEN | SUBMIT | RESET | BUTTON | FILE | IMAGE
what type of field
NAME: name of this form field
VALUE: initial or only value of this field
SIZE: how wide the text field should be
MAXLENGTH: maximum number of characters
CHECKED: check this checkbox or radio button
BORDER: border around image
SRC: URL of image

30
ALT: text to show if you don't show the picture
LOWSRC: a version of the picture that isn't such a big
file
WIDTH: width of image
HEIGHT: height of image
ALIGN = LEFT | RIGHT | TOP | TEXTTOP | MIDDLE |
ABSMIDDLE | CENTER | BOTTOM | ABSBOTTOM |
BASELINE
how text should flow around the picture
VSPACE: vertical distance between the picture and the
text
HSPACE: horizontal distance between the picture and
the text
READONLY: the value of this field cannot be changed
DISABLED: don't let the user do anything with this field
ACCESSKEY
TABINDEX: tab order
LANGUAGE = "JavaScript" | "JavaScript1.1" | "JSCRIPT" |
"VBScript" | "VBS" | other language
scripting language to use
onClick: when the user clicks here
onChange: when this field is changed
onFocus: when this field gets the focus
onBlur: when this field loses the focus
onKeyPress: script to run when a key is pressed
onKeyUp: script for when a key goes up while the field
has the focus
onKeyDown: script for when a key goes down while the
field has the focus
AUTOCOMPLETE = ON | OFF
If the browser should use autocompletion for the field
<INS> Inserted <DEL> Strike
<ISINDEX ...> PROMPT: prompt string to show before the text entry
area
ACTION: the CGI to call
<KBD> Keyboard
<LABEL ...> FOR: form element for which this is a label
<LEGEND ...> ALIGN = RIGHT | CENTER | LEFT
<LI ...> List Item TYPE = DISC | CIRCLE | SQUARE | 1 | A | a | I | i
type of bullet or numeral
VALUE: where to continue counting
<LINK ...> REL: relationship to this page
REV: reverse relationship to this page
HREF: URL of related document
TITLE: suggested title
MEDIA = SCREEN | PRINT | PROJECTION | AURAL |
BRAILLE | ALL | other media
What media type the link applies to
TYPE: MIME type of linked resource
<LISTING>

31
<MAP ...> NAME: name of this map
<MARQUEE ...> WIDTH: how wide the marquee is
HEIGHT: how tall the marquee is
DIRECTION = LEFT | RIGHT
which direction the marquee should scroll
BEHAVIOR = SCROLL | SLIDE | ALTERNATE
what type of scrolling
SCROLLDELAY: how long to delay between each jump
SCROLLAMOUNT: how far to jump
LOOP = INFINITE | number of loops
how many times to loop
BGCOLOR: background color
HSPACE: horizontal space around the marquee
VSPACE: vertical space around the marquee
<MENU ...>
<META ...> NAME = KEYWORDS | DESCRIPTION | REFRESH | many
others
The pupose of this META tag
HTTP-EQUIV: Name of the pretend HTTP header
CONTENT: Metainformation content
<MULTICOL ...> COLS: how many columns
GUTTER: space between columns
WIDTH: width of a single column
<NOBR> No Break
<NOEMBED>
<NOFRAMES>
<NOSCRIPT>
<OL ...> Ordered List TYPE = 1 | A | a | I | i type of numerals
START: where to start counting
<OPTION ...> VALUE: what's the value if this option is chosen
SELECTED: this option is selected by default
<P ...> Paragraph ALIGN = LEFT | CENTER | RIGHT | JUSTIFY
alignment of text within the paragraph
CLEAR = LEFT | RIGHT | ALL | BOTH
move past picture and other objects
<PARAM ...> Parameter NAME: name of the parameter
VALUE: value of the parameter
<PLAINTEXT>
<PRE ...> Preformatted Text
<S> Strikeout
<SAMP> Sample
<SCRIPT ...> TYPE = "text/javascript" | "text/vbscript" | other
scripting language
Which scripting language to use
SRC: External source for script
DEFER: Continue loading page while downloading script
LANGUAGE = JAVASCRIPT | LIVESCRIPT | VBSCRIPT |
Deprecated indicator of language

32
FOR: object for which this script is an event handler
EVENT: the event this script handles
<SELECT ...> NAME: name of this form element
MULTIPLE: allow more than one choice
SIZE: how many options to show
READONLY: don't let the user change the value of this
field
DISABLED: don't let the user do anything with this field
LANGUAGE = "JavaScript" | "JavaScript1.1" | "VBScript" |
other language
onChange: what to do when a new option is selected
TABINDEX: tab order
onFocus: script to run when this field gets the focus
onBlur: script to run when this field loses the focus
<SMALL>
<SOUND ...>
<SPACER ...> TYPE = HORIZONTAL | VERTICAL | BLOCK
what type of space is this
ALIGN = LEFT | RIGHT
align left or right
SIZE: how tall or wide
WIDTH: how wide
HEIGHT: how tall
<SPAN ...>
<STRIKE> Strikeout<S>
<STRONG>
<STYLE ...> TYPE: style language
MEDIA: type of media this syle applies to
<SUB> Subscript
<SUP> Superscript
<TABLE ...> BORDER: size of border around the table
CELLPADDING: space between the edge of a cell and the
contents
CELLSPACING: space between cells
WIDTH: width of the table as a whole
BGCOLOR: color of the background
BACKGROUND: picture to use as background
ALIGN = LEFT | RIGHT
alignment of table to surrounding text
HSPACE: horizontal space between table and
surrounding text
VSPACE: vertical space between table and surrounding
text
HEIGHT: height of the table as a whole
FRAME = VOID | BOX | BORDER | ABOVE | BELOW | LHS
| RHS | HSIDES | VSIDES
parts of outside border that are visible
RULES = NONE | ALL | COLS | ROWS | GROUPS
if there should be internal borders

33
BORDERCOLOR: color of border around the table
BORDERCOLORLIGHT: color of "light" part of border
around the table
BORDERCOLORDARK: color of "dark" part of border
around the table
SUMMARY: Summary of the purpose of the table
<TBODY ...> Table Body Section
<TD ...> Table Data
ALIGN = LEFT | CENTER | MIDDLE | RIGHT
horizontal alignment of cell contents
VALIGN = TOP | MIDDLE | CENTER | BOTTOM | BASELINE
vertical alignment of cell contents
WIDTH: width of cell
HEIGHT: height of cell
COLSPAN: number of columns to cover
ROWSPAN: number of rows to cover
NOWRAP: don't word wrap
BGCOLOR: color of the background
BORDERCOLOR: color of border around the table
BORDERCOLORDARK: color of "dark" part of border
around the table
BORDERCOLORLIGHT: color of "light" part of border
around the table
BACKGROUND: picture to use as background
<TEXTAREA ...> NAME: name of this form field
COLS: how many characters wide
ROWS: how many rows
WRAP = SOFT | HARD | OFF
how to wrap the text
READONLY: don't let the user change the contents of
the field
DISABLED: don't let the user do anything with this field
TABINDEX: tab order
LANGUAGE = "JavaScript" | "JavaScript1.1" | "VBScript" |
other language
scripting language
onChange: Script to run when the user has changed the
textarea
onKeyPress: script to run when a key is pressed
<TFOOT ...> Table Footer Section
<TH ...> Table Header
<THEAD ...> Table Header
Section<TBODY ...>, <TFOOT ...>

<TITLE>
<TR ...> Table Row ALIGN = LEFT | CENTER | RIGHT
horizontal alignment of cell contents
HALIGN = LEFT | CENTER | RIGHT
VALIGN = TOP | MIDDLE | BOTTOM | BASELINE
vertical alignment of cell contents
BGCOLOR: background color

34
BACKGROUND: background image
BORDERCOLOR: color of border around each cell
BORDERCOLORLIGHT: color of "light" part of border
around each cell
BORDERCOLORDARK: color of "dark" part of border
around each cell
<TT> Teletype
<U> Underline
<UL ...> Unordered List TYPE = DISC | CIRCLE | SQUARE
type of bullets
<VAR> Variable
<WBR>
<XMP>
COLOR TABLE
(#F0F8FF) antiquewhite
(#FAEBD7)
aqua
(#00FFFF)
aquamarine
(#7FFFD4)
azure
(#F0FFFF)
beige
(#F5F5DC)
bisque
(#FFE4C4)
black
(#000000)
blanchedalmond
(#FFEBCD)
blue
(#0000FF)
blueviolet
(#8A2BE2)
brown
(#A52A2A)
burlywood
(#DEB887)
cadetblue
(#5F9EA0)
chartreuse
(#7FFF00)
chocolate
(#D2691E)
coral
(#FF7F50)
cornflowerblue
(#6495ED)
cornsilk
(#FFF8DC)
crimson
(#DC143C)
cyan
(#00FFFF)
darkblue
(#00008B)
darkcyan
(#008B8B)
darkgoldenrod
(#B8860B)
darkgray
(#A9A9A9)
darkgreen
(#006400)
darkkhaki
(#BDB76B)
darkmagenta
(#8B008B)
darkolivegreen
(#556B2F)
darkorange
(#FF8C00)
darkorchid
(#9932CC)
darkred
(#8B0000)
darksalmon
(#E9967A)
darkseagreen
(#8FBC8B)
darkslateblue
(#483D8B)
darkslategray
(#2F4F4F)
darkturquoise
(#00CED1)
darkviolet
(#9400D3)
deeppink
(#FF1493)
deepskyblue
(#00BFFF)
dimgray
(#696969)
dodgerblue
(#1E90FF)
firebrick
(#B22222)
floralwhite
(#FFFAF0)
forestgreen
(#228B22)
fuchsia
(#FF00FF)
gainsboro
(#DCDCDC)
ghostwhite
(#F8F8FF)
gold
(#FFD700)
goldenrod
(#DAA520)
gray
(#808080)
green
(#008000)
greenyellow
(#ADFF2F)
honeydew
(#F0FFF0)
hotpink
(#FF69B4)
indianred
(#CD5C5C)
indigo
(#4B0082)
ivory
(#FFFFF0)
khaki
(#F0E68C)
lavender
(#E6E6FA)
lavenderblush
(#FFF0F5)
lawngreen
(#7CFC00)
lemonchiffon
(#FFFACD)
lightblue
(#ADD8E6)
lightcoral lightcyan lightgoldenrodyellow lightgreen

35
(#F08080) (#E0FFFF) (#FAFAD2) (#90EE90)
lightgrey
(#D3D3D3)
lightpink
(#FFB6C1)
lightsalmon
(#FFA07A)
lightseagreen
(#20B2AA)
lightskyblue
(#87CEFA)
lightslategray
(#778899)
lightsteelblue
(#B0C4DE)
lightyellow
(#FFFFE0)
lime
(#00FF00)
limegreen
(#32CD32)
linen
(#FAF0E6)
magenta
(#FF00FF)
maroon
(#800000)
mediumaquamarine
(#66CDAA)
mediumblue
(#0000CD)
mediumorchid
(#BA55D3)
mediumpurple
(#9370DB)
mediumseagreen
(#3CB371)
mediumslateblue
(#7B68EE)
mediumspringgreen
(#00FA9A)
mediumturquoise
(#48D1CC)
mediumvioletred
(#C71585)
midnightblue
(#191970)
mintcream
(#F5FFFA)
mistyrose
(#FFE4E1)
moccasin
(#FFE4B5)
navajowhite
(#FFDEAD)
navy
(#000080)
oldlace
(#FDF5E6)
olive
(#808000)
olivedrab
(#6B8E23)
orange
(#FFA500)
orangered
(#FF4500)
orchid
(#DA70D6)
palegoldenrod
(#EEE8AA)
palegreen
(#98FB98)
paleturquoise
(#AFEEEE)
palevioletred
(#DB7093)
papayawhip
(#FFEFD5)
peachpuff
(#FFDAB9)
peru
(#CD853F)
pink
(#FFC0CB)
plum
(#DDA0DD)
powderblue
(#B0E0E6)
purple
(#800080)
red
(#FF0000)
rosybrown
(#BC8F8F)
royalblue
(#4169E1)
saddlebrown
(#8B4513)
salmon
(#FA8072)
sandybrown
(#F4A460)
seagreen
(#2E8B57)
seashell
(#FFF5EE)
sienna
(#A0522D)
silver
(#C0C0C0)
skyblue
(#87CEEB)
slateblue
(#6A5ACD)
slategray
(#708090)
snow
(#FFFAFA)
springgreen
(#00FF7F)
steelblue
(#4682B4)
tan
(#D2B48C)
teal
(#008080)
thistle
(#D8BFD8)
tomato
(#FF6347)
turquoise
(#40E0D0)
violet
(#EE82EE)
wheat
(#F5DEB3)
white
(#FFFFFF)
whitesmoke
(#F5F5F5)
yellow
(#FFFF00)
yellowgreen
(#9ACD32)
ISO Latin-1 Character Set

Chararacter Decimal code Named entity Description
--- &#00; --- Unused
--- &#01; --- Unused
--- &#02; --- Unused
--- &#03; --- Unused
--- &#04; --- Unused
--- &#05; --- Unused
--- &#06; --- Unused

36
--- &#07; --- Unused
--- &#08; --- Unused
--- &#09; --- Horizontal tab
--- &#10; --- Line feed
--- &#11; --- Unused
--- &#12; --- Unused
--- &#13; --- Carriage Return
--- &#14; --- Unused
--- &#15; --- Unused
--- &#16; --- Unused
--- &#17; --- Unused
--- &#18; --- Unused
--- &#19; --- Unused
--- &#20; --- Unused
--- &#21; --- Unused
--- &#22; --- Unused
--- &#23; --- Unused
--- &#24; --- Unused
--- &#25; --- Unused
--- &#26; --- Unused
--- &#27; --- Unused
--- &#28; --- Unused
--- &#29; --- Unused
--- &#30; --- Unused
--- &#31; --- Unused
&#32; --- Space
! &#33; --- Exclamation mark
" &#34; &quot; Quotation mark
# &#35; --- Number sign
$ &#36; --- Dollar sign
% &#37; --- Percent sign
& &#38; &amp; Ampersand
' &#39; --- Apostrophe
( &#40; --- Left parenthesis
) &#41; --- Right parenthesis
* &#42; --- Asterisk
+ &#43; --- Plus sign
, &#44; --- Comma
- &#45; --- Hyphen
. &#46; --- Period (fullstop)
/ &#47; --- Solidus (slash)
0 &#48; --- Digit 0
1 &#49; --- Digit 1
2 &#50; --- Digit 2
3 &#51; --- Digit 3
4 &#52; --- Digit 4
5 &#53; --- Digit 5

37
6 &#54; --- Digit 6
7 &#55; --- Digit 7
8 &#56; --- Digit 8
9 &#57; --- Digit 9
: &#58; --- Colon
; &#59; --- Semicolon
< &#60; &lt; Less than
= &#61; --- Equals sign
> &#62; &gt; Greater than
? &#63; --- Question mark
@ &#64; --- Commercial at
A &#65; --- Capital A
B &#66; --- Capital B
C &#67; --- Capital C
D &#68; --- Capital D
E &#69; --- Capital E
F &#70; --- Capital F
G &#71; --- Capital G
H &#72; --- Capital H
I &#73; --- Capital I
J &#74; --- Capital J
K &#75; --- Capital K
L &#76; --- Capital L
M &#77; --- Capital M
N &#78; --- Capital N
O &#79; --- Capital O
P &#80; --- Capital P
Q &#81; --- Capital Q
R &#82; --- Capital R
S &#83; --- Capital S
T &#84; --- Capital T
U &#85; --- Capital U
V &#86; --- Capital V
W &#87; --- Capital W
X &#88; --- Capital X
Y &#89; --- Capital Y
Z &#90; --- Capital Z
[ &#91; --- Left square bracket
\ &#92; --- Reverse solidus (backslash)
] &#93; --- Right square bracket
^ &#94; --- Caret
_ &#95; --- Horizontal bar (underscore)
` &#96; --- Acute accent
a &#97; --- Small a
b &#98; --- Small b
c &#99; --- Small c
d &#100; --- Small d

38
e &#101; --- Small e
f &#102; --- Small f
g &#103; --- Small g
h &#104; --- Small h
i &#105; --- Small i
j &#106; --- Small j
k &#107; --- Small k
l &#108; --- Small l
m &#109; --- Small m
n &#110; --- Small n
o &#111; --- Small o
p &#112; --- Small p
q &#113; --- Small q
r &#114; --- Small r
s &#115; --- Small s
t &#116; --- Small t
u &#117; --- Small u
v &#118; --- Small v
w &#119; --- Small w
x &#120; --- Small x
y &#121; --- Small y
z &#122; --- Small z
{ &#123; --- Left curly brace
| &#124; --- Vertical bar
} &#125; --- Right curly brace
~ &#126; --- Tilde
--- &#127; --- Unused
&#160; &nbsp; Nonbreaking space
&#161; &iexcl; Inverted exclamation
&#162; &cent; Cent sign
&#163; &pound; Pound sterling
&#164; &curren; General currency sign
&#165; &yen; Yen sign
&#166; &brvbar; or
&brkbar;
Broken vertical bar
&#167; &sect; Section sign
&#168; &uml; or &die; Diresis / Umlaut
&#169; &copy; Copyright
&#170; &ordf; Feminine ordinal
&#171; &laquo; Left angle quote, guillemet left
&#172; &not Not sign
&#173; &shy; Soft hyphen
&#174; &reg; Registered trademark
&#175; &macr; or &hibar; Macron accent
&#176; &deg; Degree sign
&#177; &plusmn; Plus or minus
&#178; &sup2; Superscript two
&#179; &sup3; Superscript three

39
&#180; &acute; Acute accent
&#181; &micro; Micro sign
&#182; &para; Paragraph sign
&#183; &middot; Middle dot
&#184; &cedil; Cedilla
&#185; &sup1; Superscript one
&#186; &ordm; Masculine ordinal
&#187; &raquo; Right angle quote, guillemet right
&#188; &frac14; Fraction one-fourth
&#189; &frac12; Fraction one-half
&#190; &frac34; Fraction three-fourths
&#191; &iquest; Inverted question mark
&#192; &Agrave; Capital A, grave accent
&#193; &Aacute; Capital A, acute accent
&#194; &Acirc; Capital A, circumflex
&#195; &Atilde; Capital A, tilde
&#196; &Auml; Capital A, diresis / umlaut
&#197; &Aring; Capital A, ring
&#198; &AElig; Capital AE ligature
&#199; &Ccedil; Capital C, cedilla
&#200; &Egrave; Capital E, grave accent
&#201; &Eacute; Capital E, acute accent
&#202; &Ecirc; Capital E, circumflex
&#203; &Euml; Capital E, diresis / umlaut
&#204; &Igrave; Capital I, grave accent
&#205; &Iacute; Capital I, acute accent
&#206; &Icirc; Capital I, circumflex
&#207; &Iuml; Capital I, diresis / umlaut
&#208; &ETH; Capital Eth, Icelandic
&#209; &Ntilde; Capital N, tilde
&#210; &Ograve; Capital O, grave accent
&#211; &Oacute; Capital O, acute accent
&#212; &Ocirc; Capital O, circumflex
&#213; &Otilde; Capital O, tilde
&#214; &Ouml; Capital O, diresis / umlaut
&#215; &times; Multiply sign
&#216; &Oslash; Capital O, slash
&#217; &Ugrave; Capital U, grave accent
&#218; &Uacute; Capital U, acute accent
&#219; &Ucirc; Capital U, circumflex
&#220; &Uuml; Capital U, diresis / umlaut
&#221; &Yacute; Capital Y, acute accent
&#222; &THORN; Capital Thorn, Icelandic
&#223; &szlig; Small sharp s, German sz
&#224; &agrave; Small a, grave accent
&#225; &aacute; Small a, acute accent
&#226; &acirc; Small a, circumflex

40
&#227; &atilde; Small a, tilde
&#228; &auml; Small a, diresis / umlaut
&#229; &aring; Small a, ring
&#230; &aelig; Small ae ligature
&#231; &ccedil; Small c, cedilla
&#232; &egrave; Small e, grave accent
&#233; &eacute; Small e, acute accent
&#234; &ecirc; Small e, circumflex
&#235; &euml; Small e, diresis / umlaut
&#236; &igrave; Small i, grave accent
&#237; &iacute; Small i, acute accent
&#238; &icirc; Small i, circumflex
&#239; &iuml; Small i, diresis / umlaut
&#240; &eth; Small eth, Icelandic
&#241; &ntilde; Small n, tilde
&#242; &ograve; Small o, grave accent
&#243; &oacute; Small o, acute accent
&#244; &ocirc; Small o, circumflex
&#245; &otilde; Small o, tilde
&#246; &ouml; Small o, diresis / umlaut
&#247; &divide; Division sign
&#248; &oslash; Small o, slash
&#249; &ugrave; Small u, grave accent
&#250; &uacute; Small u, acute accent
&#251; &ucirc; Small u, circumflex
&#252; &uuml; Small u, diresis / umlaut
&#253; &yacute; Small y, acute accent
&#254; &thorn; Small thorn, Icelandic
&#255; &yuml; Small y, diresis / umlaut


41
BAB III SEKILAS JAVA SCRIPT
Script hampir sama dengan bahasa pemrograman, hanya saja script lebih sederhana.
JavaScript dapat disertakan pada file html ataupun dikombinasikan kedalam bentuk
halaman web lainnya seperti asp. JavaScript dapat dijalankan dengan menggunakan tag
<SCRIPT>. Contoh penulisannya adalah sebagai berikut:

<SCRIPT LANGUAGE="JavaScript">
// Script dituliskan disini
</SCRIPT>


4.1 Variabel
Baik didalam bahasa pemrograman ataupun dalam script kita selalu dianjurkan untuk
mendeklarasikan variabel didalam penggunaannya. Didalam script baik vbscript maupun
javascript itu tidak mempunyai tipe data eksplicit, dimana kita tidak dapat menentukan
tipe data yang akan digunakan. Pendeklarasian variabel dalam JavaScript adalah:

var a;
var x,y,z;
var c = 100;

4.2 Operator
Pada dasarnya operator yang dikenal dalam JavaScript yaitu: operator aritmetik, operator
pemberian nilai, operator logika, operator pembanding, dan operator string.

a. Operator Aritmetik
Operator Keterangan
+ Penambahan
- Pengurangan / negatif
* Perkalian
/ Pembagian
% Modulus / sisa pembagian
++ Penambahan satu
-- Pengurangan satu

Yang perlu diperhatikan adalah pada penggunaan operator ++ dan -- dimana operator ini
digunakan untuk menambahkan / mengurangi nilai suatu variabel dengan satu.

Contohnya jika variabel A diberi dengan nilai 100.

Var A = 100;

Kemudian diberikan penambahan seperti berikut:

A++;

maka variabel A sekarang akan berubah nilainya menjadi 101. Dan jika diberikan
pernyataan A-- maka nilainya akan kembali 100.


42
Pada kasus lainnya apabila pemberian nilai itu dituliskan dengan cara sebagai berikut:

A = B++;

Jika B bernilai 10, maka sekarang nilai A adalah 10 dan B adalah 11. Namun jika
penulisannya adalah:

A=++B;

maka A dan B keduanya bernilai 11. Jadi perlu diperhatikan bahwa letak operator dapat
memberikan nilai yang berbeda pada kasus tertentu.

b. Operator Pembanding

Operator pembanding digunakan untuk membandingkan dua operan. Operan yang dapat
dibandingkan dapat berupa tipe data string dan numerik dan hasilnya berupa tipe data
Boolean yang mempunyai nilai True (benar) dan False (salah).

Operator Keterangan
== Kesamaan
!= Pertidaksamaan
> Lebih besar
< Lebih kecil
>= Lebih besar atau sama dengan
<= Lebih kecil atau sama dengan
c. Operator Logika

Operator logika yang dikenalkan adalah AND, OR dan NOT.

Operator Keterangan
&& Kesamaan
|| Pertidaksamaan
! Lebih besar
Contoh penulisannya adalah:

Var C = True;
Var D = False;

Var A = C && D; // False
Var B = C || D; // True
Var E = !D; // True

d. Operator String

Operator ini digunakan untuk menggabungkan suatu dengan satu atau beberapa string lain
sehingga membentuk string yang lebih panjang. Contohnya:

A = "Java" + "Script";

Maka akan menghasilkan A dengan nilai JavaScript. Jadi untuk operator penggabungan
digunakan operator +. Bentuk penulisan penggabungan string yang lain adalah:

A = "Java"
A += "Script"

Akan menghasilkan "JavaScript" pada variabel A.