DASAR-DASAR HTML lengkap

MODUL 1

DASAR-DASAR HTML

RINGKASAN

Dalam praktikum kali ini, Anda akan mempelajari penggunaan dari beberapa tag dasar yang hampir akan selalu digunakan dalam setiap praktikum Anda nantinya. Perhatikan daftar tag di bawah ini, serta kegunaan utamanya dalam sebuah halaman HTML.

Tag HTML dasar

Start Tag	Kegunaan
	Mendefinisikan sebuah dokumen html
	Mendefinisikan isi/badan suatu dokumen
-	Mendefinisikan heading ke 1 s/d heading ke 6
	Mendefinisikan sebuah paragraf
	Menyisipkan sebuah line break
	Mendefinisikan sebuah garis horisontal
	Mendefinisikan komentar dalam kode sumber HTML

Setelah itu, Anda akan mempelajari penggunaan dari beberapa tag yang digunakan dalam melakukan pemformatan tampilan halaman web supaya lebih sesuai dengan keinginan atau agar lebih rapi dan terstruktur. Perhatikan beberapa daftar tag di bawah ini, serta kegunaan utamanya dalam sebuah halaman HTML. Beberapa diantaranya telah dihilangkan dari daftar tag HTML standar, namun masih memungkinkan untuk ditampilkan pada beberapa browser tertentu atau browser lama.

Tag untuk pemformatan teks dasar

Start Tag	Kegunaan
	Mendefinisikan teks tebal
	Mendefinisikan teks yang lebih besar
	Mendefinisikan teks yang dimiringkan
	Mendefinisikan teks yang dimiringkan
	Mendefinisikan teks yang lebih kecil
	Mendefinisikan teks tebal
	Defines subscripted text
	Mendefinisikan teks yang posisinya lebih ke atas
	Mendefinisikan teks yang bergaris bawah
	Mendefinisikan teks yang hendak dihapus

Tag untuk tampilan ‘hasil keluaran komputer’

Start Tag	Kegunaan
	Mendefinisikan teks kode komputer
	Mendefinisikan teks dari keyboard
	Mendefinisikan teks contoh kode komputer
	Mendefinisikan teks model teletype
	Mendefinisikan sebuah variabel
	Mendefinisikan teks preformatted

Tag untuk Citation, Quotation, dan Definisi

Start Tag	Kegunaan
	Mendefinisikan suatu kependekan
	Mendefinisikan suatu singkatan
	Mendefinisikan suatu elemen alamat
	Mendefinisikan arah teks
	Mendefinisikan quotation panjang
	Mendefinisikan quotation pendek
	Mendefinisikan suatu kutipan
	Mendefinisikan suatu istilah

Contoh tag untuk Entitas karakter

Tampilan	Deskripsi	Nama Entitas	Nomor Entitas
	spasi kosong
<	kurang dari	<	<
>	lebih dari	>	>
&	dan (ampersand)	&	&
"	tanda petik/kutip (quotation mark)	"	"
'	koma atas (apostrophe)		'
¢	Cent	¢	¢
£	Pound	£	£
¥	Yen	¥	¥
§	Section	§	§
©	Copyright	©	©
®	registered trademark	®	®
×	Multiplication	×	×
÷	Division	÷	÷

Ketika Anda menulis suatu dokumen, mungkin terkadang Anda menuliskan kalimat dalam bentuk poin-poin yang menerangkan tentang suatu hal. Dalam suatu halaman web, terkadang Anda juga ingin melakukan hal yang sama. Terdapat tag khusus untuk penulisan dalam format poin-poin, perhatikan daftar di bawah ini.

Tag untuk list

Start Tag	Kegunaan
	Mendefinisikan sebuah list ordered
	Mendefinisikan sebuah list unordered
	Mendefinisikan sebuah item dalam list
	Mendefinisikan sebuah list definisi
	Mendefinisikan sebuah istilah list definisi
	Mendefinisikan sebuah keterangan list definisi

LATIHAN

Dalam modul ini Anda akan berlatih untuk menggunakan berbagai tag dasar untuk pemrograman web menggunakan HTML. Ketikkan setiap kelompok tag dalam sebuah file, simpan dalam folder Anda sendiri yang telah ditentukan, kemudian jalankan di web browser yang telah terinstall. Ketikkan setiap kode sumber apa adanya terlebih dahulu (termasuk spasi kosong). Perhatikan hasil tampilannya, kemudian belajar untuk memodifikasi setiap kelompok tag untuk mengetahui maksud dari setiap baris tag HTML yang Anda ketikkan. Jangan lupa untuk menyimpan setiap modifikasi Anda sebelum menjalankan ulang di dalam browser.

Silakan mencoba juga tag yang masuk dalam kategori “dihilangkan”, untuk melihat seperti apa tampilan yang dapat dimunculkan. Untuk entitas karakter, silakan coba nomor entitas selain yang telah ada pada daftar di atas, untuk melihat entitas karakter apa saja yang dapat digunakan dalam sebuah halaman web.

Bagian terakhir adalah list. List adalah salah satu komponen yang cukup sering digunakan dalam suatu halaman Web. Dalam bentuk aslinya, mungkin sudah tidak terlalu banyak digunakan lagi dan digantikan fungsinya dengan image (gambar), tetapi ada perlunya juga Anda mengetahui list saat tidak memiliki gambar yang akan dijadikan bullet.

1. Paragraf dan line break

Paragraf ini

      mengandung           banyak spasi       dan baris

                dalam kode       sumbernya,

    tetapi      browser

akan mengabaikannya.

Sedangkan yang ini memiliki           spasi panjang.

Jumlah baris dalam setiap paragraf tergantung pada ukuran window browser Anda. Bila Anda mengubah ukuran window browser, jumlah baris dalam paragraf akan berubah.

Untuk memotong
baris
dalam sebuah
paragraf,
gunakan tag br.

2. Background color dan heading

Perhatikan bahwa halaman ini seharusnya berwarna kuning.

Ini adalah heading 1

Ini adalah heading 2

Ini adalah heading 3

Ini adalah heading 4

Ini adalah heading 5

Ini adalah heading 6

Gunakan tag heading hanya untuk membuat heading saja. Jangan menggunakan tag tersebut hanya untuk membuat tampilan huruf tebal. Gunakan tag lain untuk keperluan itu.

Ini adalah heading 1

Heading di atas telah diposisikan untuk berada di tengah halaman ini.

3. Garis horisontal dan komentar tersembunyi

Tag hr mendefinisikan sebuah garis horisontal, default-nya adalah rata tengah:

---

Terdapat paragraf disini

---

Terdapat paragraf disini

---

Terdapat paragraf disini

4. Pemformatan teks

Teks ini tebal

Teks ini juga tebal

Teks ini hurufnya besar

Teks ini miring

Teks ini juga miring

Teks ini hurufnya kecil

Teks ini berisi _subscript

Teks ini berisi ^superscript

5. Teks yang di-preformat

Ini adalah

Teks
yang di-preformat.

Preformat
akan menampilkan                spasi dan

line break
apa adanya.

Tag pre cocok untuk menampilkan kode komputer di bawah ini:

for i = 1 to
10

     print i

next i

6. Tag “keluaran komputer”, alamat, singkatan, dan kependekan

Kode Komputer

Masukan dari keyboard

Teks jenis teletype

Teks contoh

Variabel komputer

Catatan: Tag-tag tersebut biasanya digunakan untuk menampilkan kode komputer/ pemrograman.

FMIPA UAD

Jl. Prof Dr Soepomo

Janturan

Yogyakarta

UAD

WWW

Atribut title digunakan untuk menampilkan versi yang dieja ketika pointer mouse berada di atas kependekan atau singkatan.

Dalam IE 5, hanya elemen acronym yang mau bekerja.

Dalam Navigator 6.2, elemen abbr dan acronym keduanya dapat bekerja.

7. Arah teks dan quotation

Bila browser Anda mendukung kemampuan bi-directional override (bdo), baris berikut ini akan dituliskan dari kanan ke kiri (rtl):

Anggap saja ini tulisan bahasa Arab

Ini adalah contoh quotation panjang:

Ini adalah quotation panjang. Ini adalah quotation panjang. Ini adalah quotation panjang. Ini adalah quotation panjang. Ini adalah quotation panjang.

Ini adalah contoh quotation pendek:

Ini adalah quotation pendek.

Menggunakan elemen blockquote, browser menyisipkan line break dan margin, tetapi elemen q tidak akan menampilkan apapun yang khusus.

8. Teks yang terhapus, disisipkan, dan entitas karakter

satu dosin adalah

duapuluh

duabelas

buah

Hampir semua browser akan memberi garis (overstrike) pada teks yang (maksudnya) terhapus dan teks yang disisipkan akan diberi garis bawah.

Tetapi beberapa browser yang lama akan menampilkan teks yang terhapus atau teks disisipkan sebagai suatu teks biasa (plain text).

Ini adalah entitas karakter: �

Coba untuk mengganti 000 dengan suatu angka (misalnya 169), dan muat ulang halaman Anda agar Anda dapat melihat hasil dari perubahan yang dilakukan.

9. List unordered dan ordered

Sebentuk list unordered:

• Kopi


• Teh


• Susu

Sebentuk list ordered:

1. Kopi


2. Teh


3. Susu

10. Jenis-jenis list ordered

List bernomor:

1. Apel


2. Pisang


3. Lemon


4. Jeruk

 

List dengan huruf:

1. Apel


2. Pisang


3. Lemon


4. Jeruk

 

List dengan huruf kecil:

1. Apel


2. Pisang


3. Lemon


4. Jeruk

 

List dengan angka romawi:

1. Apel


2. Pisang


3. Lemon


4. Jeruk

 

List dengan angka romawi kecil:

1. Apel


2. Pisang


3. Lemon


4. Jeruk

 

11. Jenis-jenis list unoredered

List dengan bullet berbentuk disc:

• Apel


• Pisang


• Lemon


• Jeruk

 

List dengan bullet berbentuk lingkaran:

• Apel


• Pisang


• Lemon


• Jeruk

 

List dengan bullet berbentuk kotak:

• Apel


• Pisang


• Lemon


• Jeruk

12. List bersarang dan list definisi

Sebuah list bersarang:

• Kopi


• Teh
  
  
  
  • Teh hitam
  
  
  • Teh Hijau
  
  
  
  


• Susu

Contoh list definisi:

Kopi

Minuman panas hitam

Susu

Minuman dingin putih

MODUL 2

HTML LEBIH LANJUT

(LINK, FRAME, DAN TABEL)

RINGKASAN

Situs web biasanya tidak hanya terdiri atas 1 halaman saja (homepage, halaman awal/ pembuka). Bila suatu situs terdiri atas lebih dari 1 halaman, situs tersebut pasti menggunakan hyperlink. Perhatikan bahwa tag untuk link memang hanya 1, tetapi memiliki beberapa atribut tambahan agar link tersebut memberikan fungsi yang berbeda. Untuk keperluan modifikasi tampilan agar link tidak hanya terlihat sebagai link standar, nantinya akan disampaikan dalam materi khusus CSS. Tampilan link juga dapat diubah sedikit lewat modifikasi tag dalam suatu file HTML.

Start Tag	NN	IE	W3C	Kegunaan
	3.0	3.0	3.2	Mendefinisikan sebuah anchor

Atribut Target	Kegunaan
target="_blank"	Memuat dokumen baru ke dalam window baru yang kosong
target="_self"	Memuat dokumen baru ke dalam window yang sama dengan anchor (default)
target="_parent"	Memuat dokumen baru ke dalam parent frame (bila menggunakan frame)
target="_top"	Memuat dokumen baru ke dalam keseluruhan window browser (cara yang umum digunakan untuk keluar dari frame)

Sebuah halaman web yang ditampilkan dalam suatu window browser dapat dipecah dalam beberapa tampilan yang berbeda. Masing-masing bagian tampilan dapat berisi sebuah tampilan dari file HTML, sehingga dalam satu window browser dapat dibuka beberapa file HTML sekaligus. Untuk dapat menampilkan beberapa file HTML dalam satu window browser, dibutuhkan tag untuk membuat window menjadi beberapa bingkai (frame). Di bawah ini adalah tag untuk membentuk frame pada window browser.

Start Tag	NN	IE	W3C	Kegunaan
	3.0	3.0	4.0	Mendefinisikan sebuah himpunan frame
	3.0	3.0	4.0	Mendefinisikan sebuah sub window (sebuah frame)
</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0 </span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Mendefinisikan sebuah bagian noframe untuk browser yang tidak dapat menangani frame</span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><iframe></span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">6.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0 </span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Mendefinisikan sebuah inline sub window (frame)</span></font></p> </td> </tr> </tbody></table> <p class="MsoBodyText" style="margin: 6pt 0cm; font-family: Times,"Times New Roman",serif;"><font size="3">Dalam suatu halaman web, pemformatan saja tidaklah cukup untuk membentuk tampilan web yang rapi dan enak dipandang. Supaya tampilannya lebih terstruktur, Anda dapat menggunakan tabel. Perhatikan tag-tag di bawah ini.</font></p> <table class="MsoNormalTable" style="width: 100%; font-family: Times,"Times New Roman",serif;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Start Tag</span></b></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">NN</span></b></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">IE</span></b></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">W3C</span></b></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Kegunaan</span></b></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><table></span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.2 </span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Mendefinisikan sebuah tabel</span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><th></span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.2</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Mendefinisikan sebuah header tabel</span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><tr></span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.2</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Mendefinisikan suatu barisan dalam tabel</span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><td></span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.2</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Mendefinisikan suatu sel dalam table</span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><caption></span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.2</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Mendefinisikan sebuah caption untuk tabel</span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><colgroup></span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0 </span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Mendefinisikan sekelompok kolom dalam tabel</span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><col></span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Mendefinisikan nilai atribut untuk satu atau lebih kolom dalam sebuah tabel</span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><thead></span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Mendefinisikan suatu head tabel</span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><tbody></span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Mendefinisikan suatu badan tabel </span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><tfoot></span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Mendefinisikan suatu footer tabel </span></font></p> </td> </tr> </tbody></table> <p style="font-family: Times,"Times New Roman",serif;"><font size="3">LATIHAN</font></p> <p class="MsoNormal" style="text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">Silakan mencoba kode-kode contoh pada modul ini, kemudian silakan mencoba variasi penggunaannya. Gunakan alamat tujuan yang berbeda dari contoh yang ada. Bila tidak terdapat koneksi ke Internet, gunakan alamat lokal saja terlebih dahulu. Alamat lokal juga mempercepat akses Anda, sehingga hasilnya lebih cepat tampil di layar monitor. Bila Anda ingin menggunakan halaman tujuan secara lokal, sebaiknya Anda membuat file HTML tambahan dengan nama file yang disesuaikan agar dapat dipanggil. Isi file HTML tambahan terserah Anda, yang penting bisa digunakan untuk menunjukkan bahwa tag Anda bekerja seperti seharusnya.</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoBodyText"><font size="3">Untuk mencoba kode HTML tentang frame, silakan menyiapkan file-file yang diperlukan sesuai dengan nama-nama file yang telah disebutkan dalam contoh kode dalam modul ini. Simpan di tempat yang sesuai dengan penunjukan frame Anda, disarankan disimpan dalam folder yang sama tempat Anda menyimpan file definisi frame. Sebagai awalan, sebaiknya Anda menggunakan browser IE, sebelum mencobakannya ke Navigator atau Opera (bila ada).</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoBodyText"><font size="3">Latihan menggunakan tabel mengharuskan Anda mencoba bentuk-bentuk yang ada dalam contoh, kemudian silakan mencoba-coba sendiri variasi contoh dengan menambahkan atau mengurangi sel dan isinya. Variasikan juga parameternya, agar Anda tahu setiap bagian penentu tampilan tabel.</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;"><font size="3">1. Link biasa, link gambar, link ke window baru, dan link internal</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><a href="halaman.htm"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Teks ini</a> adalah sebuah link ke suatu halaman </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">dalam situs Web.</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><a href="www.microsoft.com"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Teks ini</a> adalah sebuah link ke halaman awal</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Situs Microsoft di World Wide Web.</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><a href="#C4"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Melompat ke bagian lain dalam halaman ini.</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></a></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Anda dapat juga menggunakan gambar sebagai sebuah link:</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><a href="linkgambar.htm"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><img border="0" src="tombol.gif" width="65" height="38"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></a></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><a href="baru.htm" target="_blank">halaman Berikutnya</a> </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Bila Anda memberikan atribut target sebuah link menjadi "_blank",</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Link tersebut akan membuka sebuah window browser baru.</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p> Ada tulisan disini (lakukan copy dan paste baris ini untuk baris berikutnya) </p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p> Ada tulisan disini </p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p> Ada tulisan disini </p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p> Ada tulisan disini </p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p> Ada tulisan disini </p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p> Ada tulisan disini </p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p> Ada tulisan disini </p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p> Ada tulisan disini </p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p> Ada tulisan disini </p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p> Ada tulisan disini </p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p> Ada tulisan disini </p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p> Ada tulisan disini </p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p> Ada tulisan disini </p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p> Ada tulisan disini </p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><a name="C4"><h2> Disinilah tujuan lompatan link internal anda </h2></a></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p> Ada tulisan disini </p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p> Ada tulisan disini </p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p> Ada tulisan disini </p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>2. Link ke e-mail</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Ini adalah link ke e-mail:</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><a href="mailto:saya@microsoft.com?Subject=Halo%20lagi"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Kirim e-mail</a></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><b>Catatan:</b> Spasi di antara setiap kata sebaiknya digantikan dengan tanda %20 untuk <b>memastikan</b> bahwa browser akan menampilkan teks Anda dengan benar.</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"><p></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN">Ini juga contoh link ke e-mail:</span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"><a href="mailto:anda@microsoft.com?cc=dia@microsoft.com&bcc=kamu@microsoft.com&subject=Summer%20Party&body=Apakah%20Anda%20mau%20diundang%20ke%20pesta%20malam%20minggu?">Kirim e-mail!</a></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"></p></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"></body></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"></html></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"> </span></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b><span style="color: red;" lang="IN">3. Frameset (horisontal dan vertikal)</span></b><span style="color: red;" lang="IN"></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"><html></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"><frameset rows="50%,50%"></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"><frame src="frame1.htm"></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"><frameset cols="25%,75%"></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"><frame src="frame2.htm"></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"><frame src="frame3.htm"></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"></frameset></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"></frameset></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"></html></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"> </span></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b><span style="color: red;" lang="IN">4. Frameset dengan atribut no-resize = “true”</span></b><span style="color: red;" lang="IN"></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"><html></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"><frameset rows="50%,50%"></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"><frame noresize="true" src="frame1.htm"></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"><frameset cols="25%,75%"></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"><frame noresize="true" src="frame2.htm"></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"><frame noresize="true" src="frame3.htm"></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"></frameset></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"></frameset></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"></html></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"> </span></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b><span style="color: red;" lang="IN">5. Frame inline</span></b><span style="color: red;" lang="IN"></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"><html></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"><body></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"><iframe src ="default.htm"></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"></iframe></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"><p>Beberapa browser lama tidak mendukung iframe.</p></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"><p>Bila browser yang Anda pakai sekarang tidak mendukung, iframe tak akan terlihat.</p></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"></body></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"></html></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"> </span></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b><span style="color: red;" lang="IN">6. Membuat tabel</span></b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"><html></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"><body></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"><p></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN">Setiap tabel dimulai dengan tag table. </span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN">Setiap baris tabel dimulai dengan tag tr.</span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN">Setiap data dalam tabel dimulai dengan tag td.</span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"></p></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"><h4>Satu baris satu kolom dengan border normal:</h4></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"><table border="1"></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"><tr></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"><td>100</td></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"></tr></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"></table></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"><h4>Satu baris dan tiga kolom dengan border tebal:</h4></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"><table border="8"></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"><tr></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"><td>100</td></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"><td>200</td></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"><td>300</td></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"></tr></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"></table></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"><h4>Dua baris dan tiga kolom dengan border sangat tebal:</h4></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"><table border="15"></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"><tr></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"><td>100</td></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"><td>200</td></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: red;" lang="IN"><td>300</td></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></tr></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><tr></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><td>400</td></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><td>500</td></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><td>600</td></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></tr></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></table></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><h4>Tabel ini tidak memiliki border:</h4></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><table border="0"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><tr></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><td>100</td></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><td>200</td></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></tr></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><tr></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><td>300</td></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><td>400</td></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></tr></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></table></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>7. Sel kosong dalam tabel</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><table border="1"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><tr></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><td>Teks</td></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><td>Teks</td></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></tr></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><tr></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><td></td></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><td>Teks</td></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></tr></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></table></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Seperti yang Anda lihat, salah satu sel tidak memiliki border. Itu terjadi karena sel tersebut kosong. Cobalah untuk menyisipkan sebuah spasi ke dalam sel tersebut. Ternyata tetap saja tidak memiliki border.</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Cara yang benar adalah dengan menyisipkan spasi non-breaking di dalam sel.</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p>Spasi non-breaking adalah sebuah entitas karakter. Bila Anda tidak mengetahui apa yang disebut karakter entitas, baca kembali materi kuliah tentang hal tersebut.</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p>Entitas spasi non-breaking dimulai dengan tanda ampersand ("&"),</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">kemudian karakter-karakter "nbsp", dan diakhiri dengan semicolon (";")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p> </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>8. Sel tabel yang diperlebar</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><h4>Sel yang melebar dua kolom:</h4></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><table border="1"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><tr></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><th>Nama</th></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><th colspan="2">Telepon</th></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></tr></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><tr></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><td>Bill Gates</td></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><td>555 77 854</td></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><td>555 77 855</td></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></tr></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></table></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><h4>Sel yang melebar dua baris:</h4></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><table border="1"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><tr></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><th>Nama depan:</th></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><td>Bill Gates</td></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></tr></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><tr></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><th rowspan="2">Telepon:</th></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><td>555 77 854</td></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></tr></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><tr></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><td>555 77 855</td></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></tr></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></table></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>9. Menambahkan latar belakang ke tabel</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><h4>Dengan warna latar belakang:</h4></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><table border="1" bgcolor="red"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><tr></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><td>Pertama</td></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><td>Baris</td></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></tr><span>   </span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><tr></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><td>Kedua</td></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><td>Baris</td></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></tr></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></table></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><h4>Dengan latar belakang gambar:</h4></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><table border="1" background="../bg.jpg"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><tr></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><td>Pertama</td></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><td>Baris</td></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></tr><span>   </span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><tr></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><td>Kedua</td></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><td>Baris</td></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></tr></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></table></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><h4>Latar belakang pada sel:</h4><span>  </span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><table border="1"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><tr></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><td bgcolor="red">Pertama</td></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><td>Baris</td></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></tr><span>   </span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><tr></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><td background="../bg.jpg"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Kedua</td></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><td>Baris</td></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></tr></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></table></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p class="MsoBodyText" style="margin-bottom: 6pt; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;"><font size="3"><span style="font-weight: normal;" lang="IN">MODUL 3</span></font></p> <p class="MsoNormal" style="text-align: right; font-family: Times,"Times New Roman",serif;" align="right"><font size="3"><b>INTERAKTIVITAS DASAR</b></font></p> <p class="MsoNormal" style="text-align: right; font-family: Times,"Times New Roman",serif;" align="right"><font size="3"><b>(FORM DAN GAMBAR)</b></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b> </b></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b> </b></font></p> <p style="font-family: Times,"Times New Roman",serif;"><font size="3">RINGKASAN</font></p> <p class="MsoBodyText" style="margin-bottom: 6pt; font-family: Times,"Times New Roman",serif;"><font size="3">Bila Anda suatu ketika ingin memasukkan informasi ke suatu situs web, maka anda memerlukan fasiiltas khusus untuk keperluan tersebut. Dalam HTML Anda dapat membuat tampilan halaman untuk menerima masukan dari pengunjung situs, kemudian menyimpannya di situs Anda atau langsung dimunculkan kembali sebagai suatu halaman. Disinilah perlunya menggunakan form. Perhatikan tag di bawah ini.</font></p> <table class="MsoNormalTable" style="width: 100%; background: none repeat scroll 0% 0% rgb(238, 238, 221); font-family: Times,"Times New Roman",serif;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Start Tag</span></b></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">NN</span></b></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">IE</span></b></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">W3C</span></b></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Kegunaan</span></b></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><form></span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.2 </span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Mendefinisikan sebuah form untuk input dari pengunjung</span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><input></span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.2</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Mendefinisikan sebuah field input </span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><textarea></span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.2 </span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Mendefinisikan sebuah text-area (sebuah kontrol masukan teks jenis multi-line)</span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><label></span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0 </span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Mendefinisikan sebuah label ke kontrol</span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><fieldset></span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Mendefinisikan sebuah fieldset</span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><legend></span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0 </span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Mendefinisikan suatu caption untuk sebuah fieldset</span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><select></span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.2 </span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Mendefinisikan sebuah list yang dapat dipilih (drop-down box)</span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><optgroup></span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">6.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0 </span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Mendefinisikan sebuah kelompok pilihan</span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><option></span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.2 </span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Mendefinisikan sebuah pilihan dalam drop-down box</span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><button></span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Mendefinisikan sebuah tombol</span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><isindex></span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span></font></p> </td> <td style="background: none repeat scroll 0% 0% transparent; padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: red;" lang="IN">Dihilangkan. Gunakan saja <input></span></font></p> </td> </tr> </tbody></table> <p class="MsoBodyText" style="margin: 6pt 0cm; font-family: Times,"Times New Roman",serif;"><font size="3">Anda tentu saja tidak ingin membuat halaman web yang hanya berisi teks saja. Agar halaman web Anda lebih menarik, gunakan unsur grafis berupa gambar. Anda dapat memanipulasi gambar dalam suatu halaman web sehingga menghasilkan berbagai efek. Tag di bawah ini digunakan untuk keperluan tersebut.</font></p> <table class="MsoNormalTable" style="width: 100%; background: none repeat scroll 0% 0% rgb(238, 238, 221); font-family: Times,"Times New Roman",serif;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Start Tag</span></b></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">NN</span></b></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">IE</span></b></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">W3C</span></b></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Kegunaan</span></b></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><img></span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.2</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Mendefinisikan sebuah gambar</span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><map></span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.2</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Mendefinisikan sebuah image map (peta gambar)</span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><area></span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.2</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Mendefinisikan sebuah area di dalam suatu image map</span></font></p> </td> </tr> </tbody></table> <p style="font-family: Times,"Times New Roman",serif;" class="MsoBodyText"><font size="3"><b> </b></font></p> <p class="MsoBodyText" style="margin-bottom: 6pt; font-family: Times,"Times New Roman",serif;"><font size="3"><b>LATIHAN</b></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoBodyText"><font size="3">Disini Anda akan berlatih membuat form dengan segala obyeknya. Tetapi hanya sekedar form untuk mengumpulkan data secara interaktif, tanpa memproses data tersebut. Di bagian ini belum akan dibicarakan tentang pemrosesan data, oleh karena itu silakan mencoba-coba setiap obyek dalam form saja, dengan berbagai cara penempatannya yang memungkinkan.</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoBodyText"><font size="3">Untuk dapat melihat gambar dalam halaman dokumen Anda, silakan mempersiapkan terlebih dahulu gambar-gambar yang akan digunakan. Untuk gambar bergerak, gunakan saja format animasi GIF. Untuk gambar diam, gunakan format sesuai yang diperlihatkan dalam kode sumber contoh.</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>1. Field teks dan password</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><form></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Nama depan: </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><input type="text" name="namadepan"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><br></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Nama belakang: </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><input type="text" name="namabelakang"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><br></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Password: </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><input type="password" name="password"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></form></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Perhatikan bahwa ketika Anda mengetikkan karakter-karakter dalam suatu field password, browser akan menampilkan asterisk atau bullet saja, bukannya karakter yang diketikkan.</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>2. Checkbox dan tombol radio</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><form></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Saya memiliki sebuah sepeda: </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><input type="checkbox" name="Sepeda"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><br></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Saya memiliki sebuah mobil: </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><input type="checkbox" name="Mobil" value="ON"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><br></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Jenis kelamin Anda?</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><br></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Pria: </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><input type="radio" name="Sex" value="pria"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><br></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Wanita: </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><input type="radio" name="Sex" value="wanita" checked></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></form></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Ketika seorang pengguna memberikan klik mouse pada sebuah tombol radio, tombol tersebut terlihat diberi tanda cek, dan semua tombol lain yang berada dalam nama yang sama akan kehilangan tanda cek-nya</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>3. Kotak drop down dengan nilai default</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><form></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><select name="mobil"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><option value="volvo">Volvo</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><option value="peugeot">Peugeot</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><option value="fiat" selected>Fiat</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><option value="jaguar">Jaguar</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></select></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></form></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>4. Tombol dan fieldset</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><fieldset></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><legend></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Informasi kesehatan:</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></legend></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><form></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Tinggi <input type="text" size="3"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Berat <input type="text" size="3"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><br></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><input type="button" value="Ada tombol disini"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></form></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></fieldset></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Bila tidak terlihat adanya border di sekeliling form input, browser Anda sudah terlalu lama.</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>5. Form dengan field input dan tombol submit</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><form name="input" action="http://www.w3c.org/form_action.asp" method="get"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Masukkan nama depan Anda: </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><input type="text" name="namadepan" value="Mickey"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><br>Masukkan nama belakang Anda: </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><input type="text" name="namabelakang" value="Mouse"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><br></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><input type="submit" value="Submit"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></form> </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Bila Anda meng-klik tombol "Submit", Anda akan mengirim input yang dimasukkan lewat form di atas ke pemroses yang bernama form_action.asp di situs w3c.</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>6. Mengirim e-mail dari suatu form</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><form action="@" method="post" enctype="text/plain"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><h3>Form ini mengirim sebuah e-mail ke W3C.</h3></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Nama<br></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><input type="text" name="nama" value="Nama Anda” size="20"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><br></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Mail:<br></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><input type="text" name="mail" value="Mail Anda" size="20"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><br></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Komentar:<br></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><input type="text" name="komentar" value="Komentar Anda" size="40"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><br><br></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><input type="submit" value="Send"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><input type="reset" value="Reset"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></form></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoBodyText" style="margin-bottom: 6pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span> </span></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>7. Menyisipkan gambar latar belakang dan depan</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body background="background.jpg"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><h3>Lihatlah, ada gambar latar belakang!</h3></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p>Baik file gambar dengan format gif maupun jpg dapat digunakan sebagai latar belakang HTML.</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p>Bila gambar yang digunakan lebih kecil dari halaman situs, gambar akan ditampilkan berulang-ulang.</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Sebuah gambar dari folder lokal:</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><img src="gambar1.gif" width="144" height="50"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Gambar dari folder lain:</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><img src="../images/gambar2.gif" width="33" height="32"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Mengambil gambar dari situs lain:</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><img src="www.yahoo.com/images/ie.gif" width="73" height="68"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>8. Mengatur posisi gambar</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Sebuah gambar </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><img src ="../images/contoh.gif" align="bottom" width="100" height="50"> </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">di antara teks</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Sebuah gambar</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><img src ="../images/contoh.gif" align="middle" width="100" height="50"> </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">di antara teks</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Sebuah gambar</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><img src ="../images/contoh.gif" align="top" width="100" height="50"> </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">di antara teks</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p>Perhatikan bahwa default pengaturan adalah bottom (diletakkan di bagian bawah)</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Sebuah gambar </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><img src ="../images/contoh.gif" width="100" height="50"> </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">di antara teks</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><img src ="../images/contoh.gif" width="100" height="50"> </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Sebuah gambar di depan teks</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Sebuah gambar di belakang teks</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><img src ="../images/contoh.gif" width="100" height="50"> </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>9. Menampilkan teks alternatif untuk gambar</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><img src="../images/gambar.gif" alt="Keterangan" width="32" height="32"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Browser text-only hanya akan menampilkan teks dalam atribut "alt", yaitu<span>  </span>Keterangan".</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Perhatikan bahwa bilamana Anda membawa pointer mouse di atas gambar tersebut maka teks alternatif akan ditampilkan.</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>10. Membuat Hyperlink pada gambar dan Image Map</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Anda dapat menggunakan gambar sebagai suatu link:</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><a href="halaman2.htm" ></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><img border="0" src="gambar1.gif" width="65" height="38"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></a></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Gerakkan pointer mouse di atas gambar untuk melihat perbedaan link yang dituju:</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><img src="../images/planet.gif" width=145 height=126 usemap="#planetmap"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><map name="planetmap"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm" ></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><area shape="circle" coords="90,58,3" alt="Mercur" href="mercur.htm" ></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm" ></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></map></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><b> </b></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>11. Latar belakang dengan warna teks yang sesuai </b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body bgcolor="#d0d0d0"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Paragraf ini terlihat enak dibaca karena menggunakan kombinasi warna latar belakang dan warna teks yang sesuai.</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><b> </b></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>12. Latar belakang dengan warna teks yang buruk</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body bgcolor="#ffffff" text="yellow"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Paragraf ini terlihat tidak nyaman dibaca karena menggunakan kombinasi warna latar belakang dan warna teks yang tidak sesuai.</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b> </b></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b> </b></font></p> <p style="font-family: Times,"Times New Roman",serif;"><font size="3"><b> </b></font></p> <p style="font-family: Times,"Times New Roman",serif;"><font size="3"><span style="font-weight: normal;" lang="IN">MODUL 4</span></font></p> <p class="MsoNormal" style="text-align: right; font-family: Times,"Times New Roman",serif;" align="right"><font size="3"><b>STYLE SHEET</b></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b> </b></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b> </b></font></p> <p class="MsoBodyText" style="margin-bottom: 6pt; font-family: Times,"Times New Roman",serif;"><font size="3"><b>RINGKASAN</b></font></p> <p class="MsoBodyText" style="margin-bottom: 6pt; font-family: Times,"Times New Roman",serif;"><font size="3">Setelah semua yang Anda ketahui tentang dasar pembuatan halaman web, kini tiba saatnya untuk membuat halaman web Anda tampil lebih meyakinkan. Untuk keperluan tersebut, Anda dapat menggunakan style sheet/CSS. CSS tidak hanya dapat membuat tampilan nampak lebih baik, tetapi dapat membuat pengembangan halaman web menjadi jauh lebih efisien karena menghilangkan semua kesulitan yang muncul pada halaman web biasa tanpa style.</font></p> <p class="MsoBodyText" style="margin-bottom: 6pt; font-family: Times,"Times New Roman",serif;"><font size="3"><u>Style</u></font></p> <table class="MsoNormalTable" style="width: 100%; background: none repeat scroll 0% 0% rgb(238, 238, 221); font-family: Times,"Times New Roman",serif;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Start Tag</span></b></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">NN</span></b></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">IE</span></b></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">W3C</span></b></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Kegunaan</span></b></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><style></span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.2 </span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Mendefinisikan style dalam sebuah dokumen</span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><link></span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0 </span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0 </span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.2 </span></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Mendefinisikan relasi antara dua dokumen yang berhubungan </span></font></p> </td> </tr> </tbody></table> <p style="font-family: Times,"Times New Roman",serif;" class="MsoBodyText"><font size="3"><b> </b></font></p> <p class="MsoBodyText" style="margin-bottom: 6pt; font-family: Times,"Times New Roman",serif;"><font size="3"><b>LATIHAN</b></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoBodyText"><font size="3">Bagian ini mencakup penggunaan CSS untuk mengubah tampilan standar pada halaman web Anda. Tidak semua tag style digunakan disini karena jumlahnya sangat banyak, silakan Anda cari referensi lain sebagai tambahan untuk mempelajari CSS. Seperti biasa, simpan file-file Anda dalam folder Anda sendiri, kemudian cobalah langsung untuk melihat hasil setiap contoh, lalu ubahlah isinya untuk melihat variasi tampilannya yang memungkinkan. Perhatikan bahwa semua contoh disini menggunakan CSS internal, silakan Anda berlatih untuk mengubahnya menjadi CSS eksternal. Gunakan sembarang gambar yang dapat Anda temui untuk contoh yang memerlukan gambar (sesuaikan dulu dengan nama file dalam contoh).</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>1. Pengaturan latar belakang</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><head></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><style type="text/css"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">body</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">{ </font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">background: #00ff00 </font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">url("gambar.gif") </font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">no-repeat fixed </font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">center center</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></style></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></head></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><p></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><b>Catatan:</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">Properti background-attachment dan background-position tidak bisa digunakan dalam browser Netscape 4.0.</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><p>Ada teks disini</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><p>Tuliskan sekehendak kalian</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><p>Terserah apa saja</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><p>Yang penting ada tulisannya</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>2. Penanganan font</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><head></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><style type="text/css"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">p.normal {font-weight: normal}</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">p.tebal {font-weight: bold}</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">p.teballl {font-weight: 900}</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">p.lengkap</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">font: italic small-caps 900 12px arial</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></style></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></head></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p class="normal"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Perhatikan paragraf ini</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p class="tebal"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Bandingkan dengan paragraf diatasnya</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p class="teballl"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Bandingkan yang ini juga</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p class="lengkap"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Paragraf dengan semua atribut font dimasukkan</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>3. Pembuatan border</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><head></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><style type="text/css"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">p.borderous </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">border-style: double;</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">border-width: 5px 10px 1px medium;</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">border-color: #ff0000 </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">#00ff00 #0000ff </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">rgb(250,0,255)</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></style></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></head></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p class="borderous"></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoBodyTextIndent2"><font size="3"><b>Catatan:</b> Properti "border-color" dan "border-width" tidak dikenali oleh browser Internet Explorer bila digunakan secara langsung. Gunakan properti "border-style" untuk menyiapkan border dalam Internet Explorer.<br></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoBodyTextIndent2"><font size="3">Internet Explorer 5.5 mendukung semua border style. Internet Explorer 4.0 - 5.0 tidak mendukung nilai "dotted" dan "dashed" </p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>4. Pengaturan margin</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><head></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><style type="text/css"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">p.margin {margin: 2cm 4cm 3cm 80px}</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></style></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></head></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><p></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">Yang ini adalah paragraf biasa tanpa pengaturan margin, sepertinya biasa saja.</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><p class="margin"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">Bandingkan dengan tampilan paragraf ini. Coba Anda kecilkan ukuran window browser agar terlihat lebih jelas perbedaannya.</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><p></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">This is a paragraph</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>5. Mengatur <i>padding</i> pada sel tabel</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><head></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><style type="text/css"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">td {padding: 1.5cm}</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">td.value2 {padding: 0.5cm 2.5cm}</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></style></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></head></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><table border="1"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><tr></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><td></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">Ini adalah tabel dengan sel yang menggunakan padding sama pada setiap sisinya (1,5cm).</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></td></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></tr></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></table></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><br></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><table border="1"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><tr></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><td class="value2"></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoBodyTextIndent2"><font size="3">Bandingkan dengan tampilan tabel ini. Padding atas dan bawah memiliki nilai 0,5cm, sedangkan padding kanan dan kiri nilainya 2,5cm.</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></td></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></tr></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></table></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b> </b></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>6. Menggunakan list</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><head></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><style type="text/css"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">ul </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">list-style: square outside url("gambarkecil.gif")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></style></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></head></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoBodyTextIndent2"><font size="3"><p>Disini Anda menggunakan gambar berukuran kecil sebagai bullet untuk list. Properti outside akan menyebabkan list menjadi lebih rapi bila terdiri atas item yang berupa kalimat panjang dan window browser berukuran kecil.</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><ul></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><li>Kopi</li></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><li>Teh</li></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><li>Coca Cola</li></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></ul></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>7. Elemen latar depan dan latar belakang</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><head></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><style type="text/css"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">img.x1</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">position:absolute;</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">left:0;</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">top:0;</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">z-index:1</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">img.x2</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">position:absolute;</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">left:0;</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">top:100;</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">z-index:-1</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></style></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></head></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><p><b>Catatan:</b> Netscape 4 tidak mendukung properti "z-index".</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><h1>Sepertinya Heading ini terhalang oleh gambar</h1></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><img class="x1" src="gambar.bmp" width="100" height="80"> </font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><p>Nilai default z-index adalah 0. Z-index 1 memiliki prioritas lebih tinggi, sedangkan Z-index –1 memiliki prioritas lebih rendah.</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><p></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><img class="x2" src="gambar.bmp" width="100" height="80"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><p>Sekarang Anda bisa membandingkan dengan tampilan di bagian bawah ini. Apakah masih terhalang gambar?</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>8. Mengubah tampilan Link</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><head></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><style type="text/css"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">a:link {color: #ff0000}</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">a.one:visited {color: #0000ff}</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">a.one:hover {color: #ffcc00}</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">a.two:visited {color: #0000ff}</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">a.two:hover {font-size: 150%}</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">a.three:visited {color: #0000ff}</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">a.three:hover {background: #66ff66}</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">a.four:visited {color: #0000ff}</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">a.four:hover {font-family: fixedsys}</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">a.five:visited {color: #0000ff; text-decoration: line-through}</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">a.five:hover {text-decoration: overline}</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></style></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></head></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><p>Gerakkan pointer mouse di atas link-link di bawah ini untuk membuat link tersebut berubah tampilannya.</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><p><a class="one" href="hlm1.htm"">Mengubah properti color</a></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><p><a class="two" href="hlm2.htm"> Mengubah properti font-size</a></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><p><a class="three" href="hlm3.htm"> Mengubah properti background-color</a></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><p><a class="four" href="hlm4.htm"> Mengubah properti font-family</a></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><p><a class="five" href="hlm5.htm"> Mengubah properti text-decoration</a></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b> </b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b> </b></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b> </b></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b> </b></font></p> <p style="font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;"><font size="3"><span style="font-weight: normal;" lang="IN">MODUL 5</span></font></p> <p class="MsoNormal" style="text-align: right; font-family: Times,"Times New Roman",serif;" align="right"><font size="3"><b>JAVASCRIPT: </b></font></p> <p class="MsoNormal" style="text-align: right; font-family: Times,"Times New Roman",serif;" align="right"><font size="3"><b>DASAR, VARIABEL, & FUNGSI</b></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b> </b></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b> </b></font></p> <p class="MsoBodyText" style="margin-bottom: 6pt; font-family: Times,"Times New Roman",serif;"><font size="3"><b>RINGKASAN</b></font></p> <p class="MsoNormal" style="text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: black;" lang="IN">Setelah Anda berlatih dan menguasai segi tampilan dari web menggunakan HTML dan CSS, sudah saatnya Anda berlatih untuk mengenal pemrograman web yang sebenarnya, yaitu pemrograman skrip. Mulai dari tahap ini Anda akan belajar JavaScript sebagai skrip dasar yang dikenal semua browser (skrip pada sisi client). Anda tidak akan langsung melompat belajar skrip dari sisi server, karena skrip dari sisi server akan selalu memaksa Anda untuk menggunakan satu produk tertentu (ASP, CF, PHP, dan lain-lain), dan biasanya Anda akan menjadi fanatik pada satu produk saja tanpa mengetahui kemampuan produk lain. Anda juga tidak akan belajar bahasa pemrograman Java secara khusus, karena Java fokusnya adalah portabilitas, bukan pada web saja. Disamping JavaScript, bilamana waktu memungkinkan Anda nantinya juga akan berlatih menggunakan VBScript (salah satu anggota keluarga Visual Basic yang mencakup VB, VBScript, VBA/macro, ASP, VB.net, dan ASP.net).</span></font></p> <p class="MsoNormal" style="text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: black;" lang="IN"> </span></font></p> <p style="line-height: 150%; font-family: Times,"Times New Roman",serif;"><font size="3"><u><span style="line-height: 150%; font-weight: normal;">Operator Aritmetika</span></u></font></p> <table class="MsoNormalTable" style="width: 100%; background: none repeat scroll 0% 0% rgb(238, 238, 221); font-family: Times,"Times New Roman",serif;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td style="width: 15%; padding: 0.75pt;" width="15%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Operator</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 40%; padding: 0.75pt;" width="40%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Description</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 25%; padding: 0.75pt;" width="25%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Example</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 20%; padding: 0.75pt;" width="20%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Result</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">+</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Addition </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">x=2<br> x+2 </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4 </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">-</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Subtraction </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">x=2<br> 5-x </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3 </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">*</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Multiplication </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">x=4<br> x*5</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">20 </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">/</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Division </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">15/5<br> 5/2 </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3<br> 2.5</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">%</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Modulus (division remainder) </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">5%2<br> 10%8<br> 10%2</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1<br> 2<br> 0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">++</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Increment</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">x=5<br> x++ </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">x=6 </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">--</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Decrement</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">x=5<br> x-- </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">x=4 </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> </tbody></table> <p style="font-family: Times,"Times New Roman",serif;"><font size="3"><span> </span></font></p> <p style="line-height: 150%; font-family: Times,"Times New Roman",serif;"><font size="3"><u><span style="line-height: 150%; font-weight: normal;">Operator Penunjukan</span></u></font></p> <table class="MsoNormalTable" style="width: 100%; background: none repeat scroll 0% 0% rgb(238, 238, 221); font-family: Times,"Times New Roman",serif;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td style="width: 15%; padding: 0.75pt;" width="15%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Operator</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 40%; padding: 0.75pt;" width="40%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Example</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 45%; padding: 0.75pt;" width="45%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Is The Same As</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">=</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">x=y</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">x=y</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">+=</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">x+=y </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">x=x+y </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">-=</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">x-=y </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">x=x-y </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">*=</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">x*=y </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">x=x*y </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">/=</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">x/=y </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">x=x/y</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">%=</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">x%=y </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">x=x%y</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> </tbody></table> <p style="font-family: Times,"Times New Roman",serif;"><font size="3"><u><span style="font-weight: normal;"><span style="text-decoration: none;"> </span></span></u></font></p> <p style="line-height: 150%; font-family: Times,"Times New Roman",serif;"><font size="3"><u><span style="line-height: 150%; font-weight: normal;">Operator Perbandingan</span></u></font></p> <table class="MsoNormalTable" style="width: 100%; background: none repeat scroll 0% 0% rgb(238, 238, 221); font-family: Times,"Times New Roman",serif;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td style="width: 15%; padding: 0.75pt;" width="15%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Operator</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 45%; padding: 0.75pt;" width="45%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Description</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 40%; padding: 0.75pt;" width="40%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Example</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">==</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">is equal to </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">5==8 returns false </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">!=</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">is not equal </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">5!=8 returns true </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">></span><span style="color: black;" lang="IN"> </span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">is greater than </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">5>8 returns false </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><</span><span style="color: black;" lang="IN"> </span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">is less than </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">5<8 returns true</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">>=</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">is greater than or equal to </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">5>=8 returns false</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><=</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">is less than or equal to </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">5<=8 returns true</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> </tbody></table> <p style="line-height: 150%; font-family: Times,"Times New Roman",serif;"><font size="3"><u><span style="line-height: 150%; font-weight: normal;">Operator Logika</span></u></font></p> <table class="MsoNormalTable" style="width: 100%; background: none repeat scroll 0% 0% rgb(238, 238, 221); font-family: Times,"Times New Roman",serif;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td style="width: 15%; padding: 0.75pt;" width="15%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Operator</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 45%; padding: 0.75pt;" width="45%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Description</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 40%; padding: 0.75pt;" width="40%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Example</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">&&</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">and </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">x=6<br> y=3 </span></font></p> <p><font size="3"><span style="color: black;">(x < 10 && y > 1) returns true</span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">||</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">or </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">x=6<br> y=3 </span></font></p> <p><font size="3"><span style="color: black;">(x==5 || y==5) returns false</span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">!</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">not </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">x=6<br> y=3 </span></font></p> <p><font size="3"><span style="color: black;">x != y returns true</span></font></p> </td> </tr> </tbody></table> <p class="MsoNormal" style="text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: black;" lang="IN"> </span></font></p> <p class="MsoBodyText" style="margin-bottom: 6pt; font-family: Times,"Times New Roman",serif;"><font size="3"><b>LATIHAN</b></font></p> <p class="MsoNormal" style="text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: black;" lang="IN">Sederhana saja, agar Anda mau membiasakan diri dengan JavaScript, maka Anda harus banyak berlatih mulai dari yang paling dasar. Buatlah semua contoh di bawah ini, jalankan untuk melihat hasilnya, dan lakukan modifikasi untuk lebih mengenal dan mengetahui kegunaan skrip yang baru Anda buat. </span></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>1. Menuliskan teks</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: black;" lang="IN"><html></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: black;" lang="IN"><body></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: black;" lang="IN"><script type="text/javascript"></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: black;" lang="IN">document.write("Hello World!")</span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: black;" lang="IN"></script></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: black;" lang="IN"></body></span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: black;" lang="IN"></html></span></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>2. Memformat teks dengan tag HTML</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write("<h1>Hello World!</h1>")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>3. JavaScript yang diletakkan pada bagian HEAD</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><head></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">function message()</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">alert("This alert box was called with the onload event")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></head></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body onload="message()"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>4. JavaScript yang diletakkan pada bagian BODY</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><head></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></head></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write("This message is written when the page loads")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>5. JavaScript eksternal</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><head></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></head></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><script src="xxx.js"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">The actual script is in an external script file called "xxx.js".</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>6. Deklarasi variabel, memberi nilai, dan menampilkannya</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">var name = "Hege"</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write(name)</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write("<h1>"+name+"</h1>")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p>This example declares a variable, assigns a value to it, and then displays the variable.</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p>Then the variable is displayed one more time, only this time as a heading.</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>7. Fungsi</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><head></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">function myfunction()</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">alert("HELLO")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></head></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><form></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><input type="button" </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">onclick="myfunction()" </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">value="Call function"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></form></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p>By pressing the button, a function will be called. The function will alert a message.</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>8. Fungsi dengan argumen</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><head></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">function myfunction(txt)</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">alert(txt)</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></head></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><form></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><input type="button" </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">onclick="myfunction('Hello')"</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">value="Call function"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></form></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p>By pressing the button, a function with an argument will be called. The function will alert</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">this argument.</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>9. Fungsi dengan argumen (lagi)</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html> </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><head> </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"> </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">function myfunction(txt) </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">{ </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">alert(txt) </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">} </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></script> </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></head> </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body> </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><form> </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><input type="button" </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">onclick="myfunction('Good Morning!')" </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">value="In the Morning"> </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><input type="button" </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">onclick="myfunction('Good Evening!')" </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">value="In the Evening"> </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></form> </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">When you click on one of the buttons, a function will be called. The function will alert</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">the argument that is passed to it.</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body> </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>10. Fungsi yang mengembalikan suatu nilai</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><head></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">function myFunction()</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">return ("Hello, have a nice day!")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></head></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write(myFunction())</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p>The script in the body section calls a function.</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p>The function returns a text.</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>11. Fungsi dengan argumen yang mengembalikan suatu nilai</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><head></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">function total(numberA,numberB)</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">return numberA + numberB</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></head></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write(total(2,3))</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p>The script in the body section calls a function with two arguments, 2 and 3.</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p>The function returns the sum of these two arguments.</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p class="MsoNormal" style="text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p class="MsoNormal" style="text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p class="MsoNormal" style="text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;"><font size="3"><b> </b></font></p> <p style="font-family: Times,"Times New Roman",serif;"><font size="3"><span style="font-weight: normal;" lang="IN">MODUL 6</span></font></p> <p class="MsoNormal" style="text-align: right; font-family: Times,"Times New Roman",serif;" align="right"><font size="3"><b>JAVASCRIPT: </b></font></p> <p class="MsoNormal" style="text-align: right; font-family: Times,"Times New Roman",serif;" align="right"><font size="3"><b>PERCABANGAN DAN PUTARAN</b></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b> </b></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b> </b></font></p> <p class="MsoBodyText" style="margin-bottom: 6pt; font-family: Times,"Times New Roman",serif;"><font size="3"><b>RINGKASAN</b></font></p> <p class="MsoNormal" style="text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: black;" lang="IN">Bagian berikutnya yang masih merupakan dasar dari JavaScript adalah percabangan dan putaran. Dapat dikatakan bahwa percabangan dan putaran merupakan salah satu inti metode dalam semua bahasa pemrograman yang ada di dunia, karena dengan percabangan dan putaran akan dihasilkan sebuah program yang dinamis, dan bukan program yang linear serta bersifat statik. Karena JavaScript merupakan salah satu cara dalam melakukan pemrograman web di sisi client, maka JavaScript juga memiliki kemampuan ini. </span></font></p> <p class="MsoNormal" style="text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: black;" lang="IN"> </span></font></p> <p class="MsoBodyText" style="margin-bottom: 6pt; font-family: Times,"Times New Roman",serif;"><font size="3"><b>LATIHAN</b></font></p> <p class="MsoNormal" style="text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: black;" lang="IN">Disini Anda akan berlatih melakukan membentuk percabangan (pemilihan berdasar kondisi) dan membuat putaran dalam skrip. Jalankan contoh-contoh di bawah ini, kemudian perhatikan baik-baik dasar penggunaan dari setiap elemen untuk percabangan dan perulangan yang disertakan. Cobalah untuk mengembangkannya sendiri dalam bentuk modifikasi.</span></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">1. </span></b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">var d = new Date()</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">var time = d.getHours()</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">if (time < 10) </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write("<b>Good morning</b>")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">This example demonstrates the If statement.</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">If the time on your browser is less than 10, you will get a "Good morning" greeting.</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>2. </b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">var d = new Date()</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">var time = d.getHours()</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">if (time < 10) </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write("<b>Good morning</b>")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">else</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write("<b>Good day</b>")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">This example demonstrates the If...Else statement.</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">If the time on your browser is less than 10, you will get a "Good morning" greeting.</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Otherwise you will get a "Good day" greeting.</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>3. </b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">var r=Math.random()</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">if (r>0.5) </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write("<a href='http://www.uad.ac.id'>Visit UAD Official Website</a>")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">else</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write("<a href='http://www.ugm.ac.id'>Visit UGM Official Website</a>")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>4. </b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">var d = new Date()</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">theDay=d.getDay()</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">switch (theDay)</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span>      </span>case 5:</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span>                  </span>document.write("Finally Friday")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span>      </span>break</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span>      </span>case 6:</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span>                  </span>document.write("Super Saturday")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span>      </span>break</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span>      </span>case 0:</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span>                  </span>document.write("Sleepy Sunday")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span>      </span>break</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span>      </span>default:</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span>                  </span>document.write("I'm really looking forward to this weekend!")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p>This example demonstrates the switch statement.</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p>You will receive a different greeting based on what day it is.</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p>Note that Sunday=0, Monday=1, Tuesday=2, etc.</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>5. </b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">for (i = 0; i <= 5; i++)</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write("The number is " + i)</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write("<br>")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p>Explanation:</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p>The for loop sets <b>i</b><span>  </span>equal to 0.</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p>As long as <b>i</b> is less than , or equal to, 5, the loop will continue to run.</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p><b>i</b> will increase by 1 each time the loop runs.</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>6. </b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">for (i = 1; i <= 6; i++)</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write("<h" + i + ">This is header " + i)</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write("</h" + i + ">")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>7. </b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">i = 0</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">while (i <= 5)</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write("The number is " + i)</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write("<br>")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">i++</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p>Explanation:</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p><b>i</b><span>  </span>equal to 0.</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p>While <b>i</b> is less than , or equal to, 5, the loop will continue to run.</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p><b>i</b> will increase by 1 each time the loop runs.</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>8. </b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">i = 0</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">do</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write("The number is " + i)</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write("<br>")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">i++</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">while (i <= 5)</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p>Explanation:</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p><b>i</b><span>  </span>equal to 0.</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p>The loop will run</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p><b>i</b> will increase by 1 each time the loop runs.</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p>While <b>i</b> is less than , or equal to, 5, the loop will continue to run.</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p class="MsoNormal" style="text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;"><font size="3"><b> </b></font></p> <p style="font-family: Times,"Times New Roman",serif;"><font size="3"><span style="font-weight: normal;" lang="IN">MODUL 7</span></font></p> <p class="MsoNormal" style="text-align: right; font-family: Times,"Times New Roman",serif;" align="right"><font size="3"><b>JAVASCRIPT: </b></font></p> <p class="MsoNormal" style="text-align: right; font-family: Times,"Times New Roman",serif;" align="right"><font size="3"><b>OBYEK STRING, DATE, & ARRAY</b></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b> </b></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b> </b></font></p> <p class="MsoBodyText" style="margin-bottom: 6pt; font-family: Times,"Times New Roman",serif;"><font size="3"><b>RINGKASAN</b></font></p> <p class="MsoNormal" style="text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: black;" lang="IN">Setelah Anda terbiasa dengan dasar-dasar JavaScript beserta penggunaan variabel, termasuk mulai mengenal pemrograman skrip fungsi, maka selanjutnya Anda dapat mulai berlatih menggunakan berbagai obyek yang tersedia dalam JavaScript. Seperti telah disampaikan dalam perkuliahan, JavaScript menyediakan banyak obyek <i>built-in</i> yang dapat langsung diaplikasikan oleh pengguna. Dengan beragam modifikasi atribut serta nilai yang dapat diberikan pada suatu obyek, maka Anda akan mendapatkan beragam hasil pula.</span></font></p> <p class="MsoNormal" style="text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: black;" lang="IN"> </span></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoHeading7"><font size="3"><span style="line-height: 150%;" lang="IN">Properti obyek string</span></font></p> <table class="MsoNormalTable" style="width: 100%; background: none repeat scroll 0% 0% rgb(238, 238, 221); font-family: Times,"Times New Roman",serif;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td style="width: 25%; padding: 0.75pt;" valign="top" width="25%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Properties</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 60%; padding: 0.75pt;" valign="top" width="60%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Explanation</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 5%; padding: 0.75pt;" valign="top" width="5%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">NN</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 5%; padding: 0.75pt;" valign="top" width="5%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">IE</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">ECMA</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Length</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns the number of characters in a string</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">2.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> </tbody></table> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span></font></p> <p style="font-family: Times,"Times New Roman",serif;"><font size="3"><span style="line-height: 150%;" lang="IN">Metode obyek string</span></font></p> <table class="MsoNormalTable" style="width: 100%; background: none repeat scroll 0% 0% rgb(238, 238, 221); font-family: Times,"Times New Roman",serif;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td style="width: 25%; padding: 0.75pt;" valign="top" width="25%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Methods</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 60%; padding: 0.75pt;" valign="top" width="60%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Explanation</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 5%; padding: 0.75pt;" valign="top" width="5%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">NN</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 5%; padding: 0.75pt;" valign="top" width="5%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">IE</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">ECMA</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">anchor()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns a string as an anchor</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">2.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">big()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns a string in big text</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">2.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">blink()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns a string blinking</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">2.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">bold()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns a string in bold</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">2.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">charAt()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns the character at a specified position</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">2.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">charCodeAt()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns the Unicode of the character at a specified position</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">concat()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns two concatenated strings</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">fixed()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns a string as teletype</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">2.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">fontcolor()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns a string in a specified color</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">2.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">fontsize()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns a string in a specified size</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">2.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">fromCharCode()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns the character value of a Unicode</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">indexOf()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns the position of the first occurrence of a specified string inside another string. Returns -1 if it never occurs</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">2.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">italics()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns a string in italic</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">2.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">lastIndexOf()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns the position of the first occurrence of a specified string inside another string. Returns -1 if it never occurs. Note: This method starts from the right and moves left!</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">2.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">link()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns a string as a hyperlink</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">2.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">match()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Similar to indexOf and lastIndexOf, but this method returns the specified string, or "null", instead of a numeric value</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">replace()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Replaces some specified characters with some new specified characters</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">search()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns an integer if the string contains some specified characters, if not it returns -1</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">slice()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns a string containing a specified character index</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">small()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns a string as small text</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">2.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">split()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Replaces a string with a comma</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">strike()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns a string strikethrough</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">2.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">sub()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns a string as subscript</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">2.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">substr()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns the specified characters. 14,7 returns 7 characters, from the 14th character (starts at 0)</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">substring()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns the specified characters. 7,14 returns all characters from the 7th up to but not including the 14th (starts at 0)</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">2.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">sup()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns a string as superscript</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">2.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">toLowerCase()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Converts a string to lower case</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">2.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">toUpperCase()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Converts a string to upper case</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">2.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> </tbody></table> <p class="MsoNormal" style="text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: black;" lang="IN"> </span></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoHeading7"><font size="3"><span style="line-height: 150%;" lang="IN">Metode obyek date</span></font></p> <table class="MsoNormalTable" style="width: 100%; background: none repeat scroll 0% 0% rgb(238, 238, 221); font-family: Times,"Times New Roman",serif;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td style="width: 25%; padding: 0.75pt;" width="25%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Methods</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 60%; padding: 0.75pt;" width="60%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Explanation</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 5%; padding: 0.75pt;" width="5%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">NN</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 5%; padding: 0.75pt;" width="5%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">IE</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="padding: 0.75pt;"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">ECMA</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Date()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns a Date object</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">2.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">getDate()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns the date of a Date object (from 1-31)</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">2.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">getDay()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns the day of a Date object (from 0-6. 0=Sunday, 1=Monday, etc.)</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">2.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr style="height: 20.25pt;"> <td style="padding: 0.75pt; height: 20.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">getMonth()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt; height: 20.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns the month of a Date object (from 0-11. 0=January, 1=February, etc.)</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt; height: 20.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">2.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt; height: 20.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt; height: 20.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">getFullYear()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns the year of a Date object (four digits)</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">getYear()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns the year of a Date object (from 0-99). Use getFullYear instead !!</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">2.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">getHours()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns the hour of a Date object (from 0-23)</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">2.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">getMinutes()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns the minute of a Date object (from 0-59)</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">2.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">getSeconds()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns the second of a Date object (from 0-59)</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">2.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">getMilliseconds()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns the millisecond of a Date object (from 0-999)</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">getTime()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns the number of milliseconds since midnight 1/1-1970</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">2.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">getTimezoneOffset()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns the time difference between the user's computer and GMT</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">2.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">getUTCDate()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns the date of a Date object in universal (UTC) time</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">getUTCDay()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns the day of a Date object in universal time</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">getUTCMonth()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns the month of a Date object in universal time</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">getUTCFullYear()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns the four-digit year of a Date object in universal time</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">getUTCHours()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns the hour of a Date object in universal time</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">getUTCMinutes()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns the minutes of a Date object in universal time</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">getUTCSeconds()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns the seconds of a Date object in universal time</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">getUTCMilliseconds()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns the milliseconds of a Date object in universal time</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">parse()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns a string date value that holds the number of milliseconds since January 01 1970 00:00:00</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">2.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">setDate()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the date of the month in the Date object (from 1-31)</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">2.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">setFullYear()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the year in the Date object (four digits)</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">setHours()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the hour in the Date object (from 0-23)</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">2.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">setMilliseconds()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the millisecond in the Date object (from 0-999)</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">setMinutes()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Set the minute in the Date object (from 0-59)</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">2.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">setMonth()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the month in the Date object (from 0-11. 0=January, 1=February)</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">2.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">setSeconds()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the second in the Date object (from 0-59)</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">2.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">setTime()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the milliseconds after 1/1-1970</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">2.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">setYear()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the year in the Date object (00-99)</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">2.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">setUTCDate()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the date in the Date object, in universal time (from 1-31)</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">setUTCDay()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the day in the Date object, in universal time (from 0-6. Sunday=0, Monday=1, etc.)</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">setUTCMonth()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the month in the Date object, in universal time (from 0-11. 0=January, 1=February)</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">setUTCFullYear()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the year in the Date object, in universal time (four digits)</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">setUTCHour()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the hour in the Date object, in universal time (from 0-23)</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">setUTCMinutes()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the minutes in the Date object, in universal time (from 0-59)</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">setUTCSeconds()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the seconds in the Date object, in universal time (from 0-59)</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">setUTCMilliseconds()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the milliseconds in the Date object, in universal time (from 0-999)</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">toGMTString()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Converts the Date object to a string, set to GMT time zone</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">2.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">toLocaleString()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Converts the Date object to a string, set to the current time zone</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">2.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">toString()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Converts the Date object to a string</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">2.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> </tbody></table> <p class="MsoNormal" style="text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: black;" lang="IN"> </span></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoHeading7"><font size="3"><span style="line-height: 150%;" lang="IN">Metode obyek array</span></font></p> <table class="MsoNormalTable" style="width: 100%; background: none repeat scroll 0% 0% rgb(238, 238, 221); font-family: Times,"Times New Roman",serif;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td style="width: 25%; padding: 0.75pt;" valign="top" width="25%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Methods</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 60%; padding: 0.75pt;" valign="top" width="60%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Explanation</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 5%; padding: 0.75pt;" valign="top" width="5%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">NN</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 5%; padding: 0.75pt;" valign="top" width="5%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">IE</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">ECMA</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">length</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns the number of elements in an array. This property is assigned a value when an array is created</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">concat()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns an array concatenated of two arrays</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">join()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns a string of all the elements of an array concatenated together</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">reverse()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns the array reversed </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">slice()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns a specified part of the array</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">sort()</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Returns a sorted array</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 0.75pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">1.0</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> </tbody></table> <p class="MsoNormal" style="text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: black;" lang="IN"> </span></font></p> <p class="MsoBodyText" style="margin-bottom: 6pt; font-family: Times,"Times New Roman",serif;"><font size="3"><b>LATIHAN</b></font></p> <p class="MsoNormal" style="text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: black;" lang="IN">Seperti dalam pertemuan sebelumnya, gunakan contoh-contoh di bawah ini agar Anda dapat lebih mengenal akrab obyek-obyek dalam JavaSript dan cara memanfaatkannya. Perhatikan bahwa Anda benar-benar harus menelaah setiap baris skrip agar Anda tahu proses kerja setiap skrip yang Anda buat.</span></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>1. Menghitung karakter suatu string</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">var str="W3CSchools is great!"</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write("</p>" + str + "</p>")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write(str.length)</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>2. Menguji apakah string berisi karakter tertentu, dengan indexof()</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">var str="W3CSchools is great!"</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">var pos=str.indexOf("School")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">if (pos>=0)</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write("School found at position: ")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write(pos + "<br />")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">else</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write("School not found!")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p>This example tests if a string contains a specified word. If the word is found it returns the position of the first character of the word in the original string. Note: The first position in the string is 0!</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>3. Menguji apakah string berisikan karakter tertentu, dengan match()</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">var str = "W3CSchools is great!"</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write(str.match("great"))</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p>This example tests if a string contains a specified word. If the word is found it returns the word.</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>4. Memunculkan bagian string tertentu</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">var str="W3CSchools is great!"</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write(str.substr(2,6))</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write("<br /><br />")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write(str.substring(2,6))</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">The substr() method returns a specified part of a string. If you specify (2,6) the returned string will be from the second character (start at 0) and 6 long.</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">The substring() method also returns a specified part of a string. If you specify (2,6) it returns all characters from the second character (start at 0) and up to, but not including, the sixth character.</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>5. Mengubah menjadi huruf besar atau kecil</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">var str=("Hello JavaScripters!")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write(str.toLowerCase())</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write("<br>")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write(str.toUpperCase())</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>6. Membuat array berisi nama-nama</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">var famname = new Array(6)</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">famname[0] = "Jan Egil"</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">famname[1] = "Tove"</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">famname[2] = "Hege"</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">famname[3] = "Stale"</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">famname[4] = "Kai Jim"</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">famname[5] = "Borge"</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">for (i=0; i<6; i++)</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write(famname[i] + "<br>")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>7. Menghitung elemen yang berada dalam array</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">var famname = new Array("Jan Egil","Tove","Hege","Stale","Kai Jim","Borge")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">for (i=0; i<famname.length; i++)</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write(famname[i] + "<br>")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>8. Tanggal hari ini</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">var d = new Date()</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write(d.getDate())</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write(".")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write(d.getMonth() + 1)</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write(".")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write(d.getFullYear())</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>9. Jam saat ini</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">var d = new Date()</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write(d.getHours())</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write(".")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write(d.getMinutes())</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write(".")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write(d.getSeconds())</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>10. Mengeset tanggal</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">var d = new Date()</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">d.setFullYear("1990")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write(d)</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>11. Melihat waktu UTC</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">var d = new Date()</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write(d.getUTCHours())</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write(".")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write(d.getUTCMinutes())</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write(".")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write(d.getUTCSeconds())</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>12. Memunculkan nama-nama hari</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">var d=new Date()</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">var weekday=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write("Today is " + weekday[d.getDay()])</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>13. Memunculkan tanggal lengkap</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">var d=new Date()</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">var weekday=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">var monthname=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write(weekday[d.getDay()] + " ")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write(d.getDate() + ". ")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write(monthname[d.getMonth()] + " ")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write(d.getFullYear())</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>14. Membuat jam</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><head></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">var timer = null</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">function stop()</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">clearTimeout(timer)</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">function start()</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">var time = new Date()</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">var hours = time.getHours()</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">var minutes = time.getMinutes()</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">minutes=((minutes < 10) ? "0" : "") + minutes</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">var seconds = time.getSeconds()</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">seconds=((seconds < 10) ? "0" : "") + seconds</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">var clock = hours + ":" + minutes + ":" + seconds</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.forms[0].display.value = clock</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">timer = setTimeout("start()",1000)</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></head></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body onload="start()" onunload="stop()"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><form></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><input type="text" name="display" size="20"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></form></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="margin: 0cm 0cm 0.0001pt; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: black;"><span> </span></span></font></p> <p style="font-family: Times,"Times New Roman",serif;"><font size="3"><b> </b></font></p> <p style="font-family: Times,"Times New Roman",serif;"><font size="3"><span style="font-weight: normal;" lang="IN">MODUL 8</span></font></p> <p class="MsoNormal" style="text-align: right; font-family: Times,"Times New Roman",serif;" align="right"><font size="3"><b>JAVASCRIPT: </b></font></p> <p class="MsoNormal" style="text-align: right; font-family: Times,"Times New Roman",serif;" align="right"><font size="3"><b>PENANGANAN BROWSER</b></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b> </b></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b> </b></font></p> <p class="MsoBodyText" style="margin-bottom: 6pt; font-family: Times,"Times New Roman",serif;"><font size="3"><b>RINGKASAN</b></font></p> <p class="MsoNormal" style="text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: black;" lang="IN">Pernahkan Anda memasuki suatu situs yang memiliki beragam fasilitas yang sangat memudahkan atau membebaskan Anda dari perlunya menguasai browser yang Anda gunakan? Misalnya Anda ingin mematikan tombol mouse agar pengunjung situs Anda tidak dapat menyimpan gambar yang ada pada halaman Anda, atau mem-<i>bookmark</i> halaman Anda sehingga tercatat di daftar situs favorit pengunjung Anda, atau memberikan kemudahan pada pengunjung untuk mencetak halaman web Anda tersebut. Semua ini dan berbagai macam hal lain dapat Anda berikan ke dalam halaman web situs Anda dengan hanya beberapa baris singkat JavaScript.</span></font></p> <p class="MsoNormal" style="text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: black;" lang="IN"> </span></font></p> <p class="MsoBodyText" style="margin-bottom: 6pt; font-family: Times,"Times New Roman",serif;"><font size="3"><b>LATIHAN</b></font></p> <p class="MsoNormal" style="text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: black;" lang="IN">Buatlah contoh-contoh di bawah ini, dan tampilkan dalam browser dengan ukuran window kecil agar Anda dapat lebih melihat efeknya. Perhatikan baik-baik setiap baris skrip, dan kenali bagian mana yang memungkinkan skrip tersebut memberikan hasil seperti yang diinginkan. Perhatikan juga bahwa ada beberapa skrip yang bersifat <i>browser-specific</i> yaitu IE, sehingga mungkin tidak akan dapat bekerja bila dibuka dengan browser selain IE. Anda akan sangat memerlukan pengetahuan tentang hal ini nantinya.</span></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>1. Mengubah teks pada tag <title></b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><head></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">function newTitle()</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">parent.document.title="Put your new title here"</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">Click this button and check the browser's title field</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><form></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><input type="button" onclick="newTitle()" value="Get A new title"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></form></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>2. Memunculkan <i>alert box</i></b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">alert("Hello World!")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>3. Mematikan tombol kanan mouse</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><head></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">function disable()</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">if (event.button == 2)</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">alert("Sorry no rightclick on this page.\nYou cannot view my source\nand you cannot steal my images.")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></head></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body onmousedown="disable()"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p>Right-click on this page to trigger the event.</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p>The event property is not recognized in Netscape.</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>4. Memunculkan kotak konfirmasi</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">var name = confirm("Press a button")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">if (name == true)</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write("You pressed OK")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">else</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write("You pressed Cancel")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>5. Memberikan masukan kepada skrip</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><head></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></head></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">var name = prompt("Please enter your name","")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">if (name != null && name != "")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">document.write("Hello " + name)</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>6. Membuka halaman web pada window baru</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><head></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><script language=javascript></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">function openwindow() </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">window.open("http://www.mail.telkom.net")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></head></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><form></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><input type=button value="Open Window" onclick="openwindow()"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></form></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>7. Membuka beberapa window halaman web baru sekaligus</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><head></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><script language=javascript></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">function openwindow() </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">window.open("http://www.google.com/")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">window.open("http://www.yahoo.com/")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></head></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><form></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><input type=button value="Open Windows" onclick="openwindow()"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></form></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>8. Berganti halaman lewat tombol</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><head></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">function locate()</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">location="http://www.uad.ac.id/"</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></head></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><form></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><input type="button" onclick="locate()" value="New location"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></form></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>9. Menambahkan bookmark/favorite</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><head></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">function bookmark()</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">window.external.AddFavorite("http://www.telkomsel.com","Telkomsel")</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></head></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><form></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><input type="button" onclick="bookmark()" value="Click here to bookmark me"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></form></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>10. Menjadikan halaman sebagai default homepage</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><head></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">function makeDefault(element)</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">element.style.behavior='url(#default#homepage)'; </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">element.setHomePage('http://www.uad.ac.id');</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></head></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><p>Click the button and UAD will become your default home page.</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><form></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><input type="button"<span>  </span></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">onclick="makeDefault(this)" </font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">value="Make UAD your default homepage"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></form></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>11. Me-refresh halaman yang sedang ditampilkan</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><head></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">function refresh()</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">location.reload()</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></head></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><form></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><input type="button" value="Refresh" onclick="refresh()"></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></form></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>12. Mengganti teks pada status bar browser</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><head></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">function load()</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">window.status = "put your message here"</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></head></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><body onload="load()"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><p>Look in the statusbar</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p class="MsoNormal" style="text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><b>13. Mencetak halaman yang sedang tampil di browser</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><head></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">function printpage()</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">window.print()</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></head></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><form></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><input type="button" value="Print this page" onclick="printpage()"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></form></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p class="MsoNormal" style="text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><b>14. Memberitahukan kapan halaman web di-update terakhir kali</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">This page was last modified:</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><br /></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><script language="JavaScript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">document.write(document.lastModified)</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><br /></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><br /></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">View source to see how it is done</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p class="MsoNormal" style="text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><b>15. Efek Scroll ke bawah beberapa baris</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><head></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">function scrolldown()</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span> </span>for (i=1; i<=600; i++)</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span>      </span>{<span>         </span></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span>      </span>window.scroll(1,i)<span>  </span></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span>      </span>}</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">}<span>                                                     </span></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></head></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><form></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><input type="button" value="Scroll" onclick="scrolldown()"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></form></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">Push<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">the<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">scroll<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">button<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">to see<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">the<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">effect<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;"><font size="3"><b> </b></font></p> <p style="font-family: Times,"Times New Roman",serif;"><font size="3"><span style="font-weight: normal;" lang="IN">MODUL 9</span></font></p> <p class="MsoNormal" style="text-align: right; font-family: Times,"Times New Roman",serif;" align="right"><font size="3"><b>JAVASCRIPT: </b></font></p> <p class="MsoNormal" style="text-align: right; font-family: Times,"Times New Roman",serif;" align="right"><font size="3"><b>GAMBAR, FRAME, FORM, DAN CLIENT</b></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b> </b></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b> </b></font></p> <p class="MsoBodyText" style="margin-bottom: 6pt; font-family: Times,"Times New Roman",serif;"><font size="3"><b>RINGKASAN</b></font></p> <p class="MsoNormal" style="text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: black;" lang="IN">Bagian berikutnya dari latihan menggunakan JavaScript adalah penguasaan skrip untuk menangani obyek gambar, frame, form, dan pendeteksian elemen web pada client yaitu browser yang digunakan. Pada dasarnya, HTML memang telah memiliki tag untuk penanganan obyek gambar, frame, dan form, tetapi seperti halnya sifat HTML yang statis, maka tag HTML untuk penanganan obyek-obyek tersebut juga memberikan hasil yang statis pula. JavaScript selain dapat digunakan untuk membuatnya lebih dinamis, juga digunakan untuk menjadi <i>pre-processor</i> dari masukan yang diberikan pengunjung halaman web ke situs web Anda, sehingga situs web Anda memiliki interaktivitas yang sebenarnya. </span></font></p> <p class="MsoNormal" style="text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: black;" lang="IN"> </span></font></p> <p class="MsoBodyText" style="margin-bottom: 6pt; font-family: Times,"Times New Roman",serif;"><font size="3"><b>LATIHAN</b></font></p> <p class="MsoNormal" style="text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: black;" lang="IN">Silakan Anda kerjakan latihan-latihan di bawah ini, dan seperti sebelumnya, perhatikan bagian mana saja yang digunakan agar dapat memberikan hasil yang diinginkan. Untuk beberapa contoh, Anda memerlukan file-file HTML tambahan, silakan Anda buat file HTML tambahan dengan isi yang berbeda-beda agar hasilnya lebih terlihat jelas. Diantara file tambahan yang dibutuhkan terdapat file pemroses masukan dari form. Bahasan file pemroses masukan form belum dijangkau dalam perkuliahan (dibahas khusus dalam pemrograman web tingkat lanjut, skrip pada sisi server), sehingga file HTML untuk pemroses form cukup file <i>dummy</i> saja yang berisi pesan teks “Data telah diproses”.</span></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b>1. <i>Preload</i> gambar ke memori</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><head></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">if (document.images)</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span>      </span>{</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span>      </span>a = new Image(160, 120)</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span>      </span>a.src = "gambar.jpg" </font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span>      </span>}</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></head></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoBodyText" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><img src="gambar.jpg" width="160" height="120"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p class="MsoNormal" style="text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><b>2. Keluar dari frame</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><head></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">function breakout()</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">if (window.top != window.self) </font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span> </span>{</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span> </span>window.top.location="targetpage.htm"</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span> </span>}</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></head></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><form></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">To break out of the frame:</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><input type="button" onclick="breakout()" value="Click me"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></form></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p class="MsoNormal" style="text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><b>3. Melakukan update halaman pada 2 iframe</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><head></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">function twoframes()</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">document.all("frame1").src="frame_c.htm"</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">document.all("frame2").src="frame_d.htm"</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></head></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoBodyText" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><iframe src="frame_a.htm" name="frame1"></iframe></font></p> <p class="MsoBodyText" style="margin-left: 18pt; font-family: Times,"Times New Roman",serif;"><font size="3"><iframe src="frame_b.htm" name="frame2"></iframe></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><br /></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><form></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><input type="button" onclick="twoframes()" value="Change url of the two iframes"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></form></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p class="MsoNormal" style="text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><b>4. Validasi alamat e-mail</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><head></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">function validate()</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">x=document.myForm</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">at=x.myEmail.value.indexOf("@")</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">if (at == -1)</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span>      </span>{</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span>      </span>alert("Not a valid e-mail")</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span>      </span>return false</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span>      </span>}</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></head></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><form name="myForm" action="prosesform.htm" onsubmit="return validate()"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">Enter your E-mail address:</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><input type="text" name="myEmail"> </font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><input type="submit" value="Send input"> </font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></form></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><p>This example only tests if the email address contains an "@" character.</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><p>Any "real life" code will have to test for punctuations, spaces and other things as </font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">well.</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p class="MsoNormal" style="text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><b>5. Validasi panjang masukan teks</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><head></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">function validate()</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">x=document.myForm</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">input=x.myInput.value</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">if (input.length>5)</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span> </span>{</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span> </span>alert("Do not insert more than 5 characters")</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span> </span>return false</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span> </span>}</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">else</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span> </span>{</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span> </span>return true</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span> </span>}</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></head></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoBodyTextIndent3"><font size="3"><form name="myForm" action="prosesform.htm" onsubmit="return validate()"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">In this input box you are not allowed to insert more than 5 characters:</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><input type="text" name="myInput"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><input type="submit" value="Send input"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></form></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p style="margin-bottom: 0.0001pt; font-family: Times,"Times New Roman",serif;"><font size="3">6. Menjadikan teks masukan sebagai obyek aktif</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><head></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">function setfocus()</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">document.forms[0].field.select()</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">document.forms[0].field.focus()</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></head></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><form></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><input type="text" name="field" size="30" value="input text"> </font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><input type="button" value="Selected" onclick="setfocus()"> </font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></form></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p class="MsoNormal" style="text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><b>7. Menggunakan tombol radio</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><head></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">function check(browser)</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">document.forms[0].answer.value=browser</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></head></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><form></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">Which browser is your favorite<br></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><input type="radio" name="browser" onclick="check(this.value)" value="Explorer"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">Microsoft Internet Explorer<br></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><input type="radio" name="browser" onclick="check(this.value)" value="Netscape"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">Netscape Navigator<br></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><input type="text" name="answer"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></form></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p class="MsoNormal" style="text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><b>8. Menggunakan kotak cek</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><head></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">function check()</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">coffee=document.forms[0].coffee</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">answer=document.forms[0].answer</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">txt=""</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">for (i = 0; i<coffee.length; ++ i)</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">if (coffee[i].checked)</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">txt=txt + coffee[i].value + " "</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">answer.value="You ordered a coffee with " + txt</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></head></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><form></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">How would you like your coffee?<br></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><input type="checkbox" name="coffee" value="cream">With cream<br></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><input type="checkbox" name="coffee" value="sugar">With sugar<br></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><input type="text" name="answer" size="30"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><input type="button" name="test" onclick="check()" value="Order"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></form></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p class="MsoNormal" style="text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><b>9. Menggunakan kotak drop-down</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><head></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">function put()</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">option=document.forms[0].dropdown.options[document.forms[0].dropdown.selectedIndex].text</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">txt=option</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">document.forms[0].favorite.value=txt</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></head></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><form></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><p></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">Select your favorite browser:</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><select name="dropdown" onchange="put()"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><option>Internet Explorer</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><option>Netscape Navigator</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></select></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><p></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">Your favorite browser is:</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><input type="text" name="favorite" value="Internet Explorer"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></p></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></form></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p class="MsoNormal" style="text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><b>10. Kotak drop-down sebagai menu</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><head></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">function go(form) </font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">location=form.selectmenu.value</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></head></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><form></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><select name="selectmenu" onchange="go(this.form)"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><option>--Select page--</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><option value="http://www.telkom.net">TelkomNet</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><option value="http://www.google.com">Google</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><option value="http://www.uad.ac.id">UAD</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></select></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></form></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p class="MsoNormal" style="text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><b>11. Kotak teks yang otomatis berpindah fokus bila batasan masukan terpenuhi</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><head></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">function toUnicode(elmnt,content)</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">if (content.length==elmnt.maxLength)</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span>      </span>{</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span>      </span>next=elmnt.tabIndex</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span>      </span>if (next<document.forms[0].elements.length)</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span>                  </span>{</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span>                  </span>document.forms[0].elements[next].focus()</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span>                  </span>}</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span>      </span>}</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></head></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoBodyTextIndent3"><font size="3"><p>This script automatically sets focus to the next input field when the current input field's maxlength has been reached</p></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><form name="myForm"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><input size="3" tabindex="1" name="myInput" </font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span> </span>maxlength="3" onkeyup="toUnicode(this,this.value)"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><input size="3" tabindex="2" name="mySecond" </font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span> </span>maxlength="3" onkeyup="toUnicode(this,this.value)"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><input size="3" tabindex="3" name="myThird" </font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span> </span>maxlength="3" onkeyup="toUnicode(this,this.value)"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></form></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p class="MsoNormal" style="text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><b>12. Deteksi browser yang digunakan</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><head></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">document.write("You are browsing this site with: "+ navigator.appName)</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></head></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p class="MsoNormal" style="text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><b>13. Deteksi konfigurasi tampilan yang digunakan</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">document.write("SCREEN RESOLUTION: ")</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">document.write(screen.width + "*")</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">document.write(screen.height + "<br>")</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">document.write("AVAILABLE VIEW AREA: ")</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">document.write(window.screen.availWidth + "*")</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">document.write(window.screen.availHeight + "<br>")</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">document.write("COLOR DEPTH: ")</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">document.write(window.screen.colorDepth + "<br>")</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"> </font></p> <p class="MsoNormal" style="text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><b>14. <i>Redirect</i> ke situs web berdasarkan browser yang digunakan</b></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><html></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><head></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><script type="text/javascript"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">function redirectme()</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">{</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">bname=navigator.appName</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">if (bname.indexOf("Netscape")!=-1)</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span>      </span>{</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span>      </span>window.location="http://www.netscape.com"</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span>      </span>return</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span>      </span>}</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">if (bname.indexOf("Microsoft")!=-1)</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span>      </span>{</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span>      </span>window.location="http://www.microsoft.com"</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span>      </span>return</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span>      </span>}</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">window.location="http://www.w3.org"</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3">}</font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></script></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></head></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><body></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><form></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><input type="button" onclick="redirectme()" value="Redirect"></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></form></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></body></font></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"></html></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;"><font size="3"><b> </b></font></p> <p style="font-family: Times,"Times New Roman",serif;"><font size="3"><span style="font-weight: normal;" lang="IN"><span> </span>MODUL 10</span></font></p> <p class="MsoNormal" style="text-align: right; font-family: Times,"Times New Roman",serif;" align="right"><font size="3"><b>JAVASCRIPT: </b></font></p> <p class="MsoNormal" style="text-align: right; font-family: Times,"Times New Roman",serif;" align="right"><font size="3"><b>PEMROGRAMAN GAME SEDERHANA</b></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b> </b></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b> </b></font></p> <p class="MsoBodyText" style="margin-bottom: 6pt; font-family: Times,"Times New Roman",serif;"><font size="3"><b>RINGKASAN</b></font></p> <p class="MsoNormal" style="text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: black;" lang="IN">Bagian berikutnya dari latihan menggunakan JavaScript adalah penguasaan skrip untuk menangani interaktivitas serta pemrosesan input-output secara <i>real-time</i>. Dengan kata lain, anda akan memasuki bagian berikutnya dari pemanfaatan HTML Dinamik.</span></font></p> <p class="MsoNormal" style="text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: black;" lang="IN"> </span></font></p> <p class="MsoBodyText" style="margin-bottom: 6pt; font-family: Times,"Times New Roman",serif;"><font size="3"><b>LATIHAN</b></font></p> <p class="MsoNormal" style="text-align: justify; font-family: Times,"Times New Roman",serif;"><font size="3"><span style="color: black;" lang="IN">Silakan Anda buat program game sederhana di bawah ini, dan perhatikan setiap bagian dari skrip ini agar anda mengetahui cara kerjanya. Sebagai bahan untuk percobaan anda, cobalah mengganti variabel-variabel dalam skrip untuk mengetahui pengaruhnya dalam program.</span></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><html></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><BODY BGCOLOR="#444444" TEXT="#004400" VLINK="#FF8844" onload="onloadmes()"></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><head></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><TITLE>face GAME</TITLE></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><pre></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><SCRIPT LANGUAGE="JavaScript"></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><!--</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">var timerID = null</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">var patno=1</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">var cr="\r\n" </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">var blankno=0</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">var totalblank=""</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">var lr=1<span>        </span></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">var lowerlf=""<span>    </span><span>          </span></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">var downlf=""<span>              </span></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">var downno=0</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">var inplay=0</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">var missilex=99<span>           </span></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">var missiley=99</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">var mychrx=1<span>              </span></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">var myblank=""</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">var mymove=0</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">var spcf1=""</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">var spcf2=""</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">var spcf3=""</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">var hitflag=0</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">var score=0</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">var selec=0<span>                 </span></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">var mname=" Windows is"</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">var rsmiss=""<span>             </span></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">function array1(arn) {<span>  </span></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>   </span>this.length = arn;</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>   </span>for (var ar1 = 0; ar1 <= arn; ar1++) {</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>     </span>this[ar1] = 1 }</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>     </span>return this</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>     </span>}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">function onloadmes(){</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">document.fmark.win.value=" "</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">cr = unescape("%0A")</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">ver=navigator.appVersion</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">len=ver.length</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">for(iln=0;iln<len;iln++) if(ver.charAt(iln)=="(") break</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">systm = ver.charAt(iln+1).toUpperCase()</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">if(systm=="M"){cr = unescape("%0D")}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">if(systm=="W"){cr = unescape("%0D")+cr}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">if(systm=="C"){</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>               </span>cr = unescape("%0D")+cr</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>               </span>tmpsys = ver.charAt(0).toUpperCase()</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>               </span>if (tmpsys == 4){cr = unescape("%0D")}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span> </span>starter()</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">function init(){<span>       </span></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">blankx = new array1(63)<span>     </span></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">for (var makeblank = 0;makeblank < 63;makeblank++){</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>        </span>blankx[makeblank]=""</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>        </span>for (var addBlank = 0; addBlank < makeblank; addBlank++) {</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>        </span>blankx[makeblank] = blankx[makeblank] + " "</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>        </span>}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">faker = new array1(24);<span>     </span></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">face = new array1(2);<span>       </span></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">face[1]=" (^O^) "</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">face[2]=" (^-^) "</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">mestotal =new array1(4)<span>   </span></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">interval1()</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">function restarter(){</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">inplay=0</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">blankno=0</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">totalblank=""</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">lr=1</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">lowerlf=""</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">downlf=""</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">downno=0</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">missilex=99</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">missiley=99</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">mychrx=1</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">myblank=""</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">mymove=0</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">selec=1</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">starter()</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">function starter(){</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">document.fmark.win.value=cr+cr+cr+cr+cr+cr+cr+"<span>   </span><span>                       </span>Are you ready?"+cr+cr+cr+"<span>                           </span>Click FIRE!"</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">selec=1</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">function goleft(){</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span> </span>mymove=0</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span> </span>mychrx=mychrx-1</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span> </span>if (mychrx <= 0){mychrx=1}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">function goright(){</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span> </span>mymove=0</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span> </span>mychrx=mychrx+1</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span> </span>if (mychrx >= 56){mychrx=55}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">function golmax(){</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">if (inplay == 1){mymove=-1}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">function gormax(){</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">if (inplay == 1){mymove=1}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">function fire(){</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">if (inplay == 0){if (selec == 1){selec=9</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>                                 </span>inplay=1</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>                                 </span>init()}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">}else{</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span> </span>if (missiley == 99){missiley=18</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>                     </span>missilex=mychrx+3}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span> </span>}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">function gameover(){<span>        </span></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">score=0</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">for (var enerme=1;enerme<25;enerme++){</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>  </span>if (faker[enerme] == 1){score=score+1}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span> </span>if (score == 0){</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">document.fmark.win.value=cr+cr+cr+cr+cr+cr+cr+cr+"<span>    </span><span>                    </span>Congratulation!"+cr+cr+"<span>                          </span>ALL CREAR!!"</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">}else{</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">document.fmark.win.value=cr+cr+cr+cr+cr+cr+cr+cr+"<span>                           </span>GAME OVER"+cr+cr+"<span>                        </span>"+score+" ENEMY REMAINED"</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">inplay=0</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">function interval1(){<span>      </span></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">if (missiley != 99) {missiley=missiley-1}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">if (missiley < 0){missiley=99}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">mychrx=mychrx+mymove</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">if (mychrx <= 0){mychrx=1}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">if (mychrx >= 56){mychrx=55}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">blankno=blankno+lr<span>       </span></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">totalblank = blankx[blankno]<span>  </span></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">if (blankno >= 20) {lr=-1</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>   </span><span>                 </span>downno=downno+1</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>                    </span>blankno=20</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>                   </span>}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">if (blankno <= 0) {lr=1</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>                    </span>downno=downno+1</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>                    </span>blankno=0</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>                   </span>}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">if (downno >= 12) {gameover()}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>   </span>downlf=""</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>   </span>for (var upperspc=0;upperspc<downno;upperspc++){</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>      </span>if (missiley == upperspc){</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>      </span>downlf=downlf+blankx[missilex]+"|"+cr</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>      </span>}else{downlf=downlf+cr}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>   </span>}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">if (inplay == 1){</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>   </span>patno=patno+1</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>   </span>if (patno >= 3) {patno = 1}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>     </span>for (var addline = 1; addline < 5; addline++){</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>     </span>mestotal[addline]=totalblank</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>     </span>rsmiss=""</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>       </span>if (missiley == (downno+addline*2-2)){</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>        </span>if (blankno <= missilex){</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>          </span>hitflag=parseInt((missilex-blankno)/7,10)</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>          </span>if (hitflag < 6){</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>            </span>if ((missilex-blankno-(hitflag*7)) >= 1){</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>             </span>if ((missilex-blankno-(hitflag*7)) <= 5){</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>               </span>if (faker[(addline*6)+hitflag-5] == 1){</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>                 </span>faker[(addline*6)+hitflag-5] = 0</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>                 </span>missiley=99</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>               </span>}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>             </span>}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>            </span>}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>    </span><span>      </span>}else{if (missilex > (blankno+42)){</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>                    </span>rsmiss=blankx[missilex-blankno-42]+"|"</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>                                            </span>}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>          </span>}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>        </span>}else{</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>         </span>mestotal[addline]=blankx[missilex]+"|"</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>         </span>if (missilex < (blankno-1)){</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>           </span>mestotal[addline]=mestotal[addline]+blankx[blankno-1-missilex]</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>                                   </span>}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>        </span>}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>       </span>}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>        </span>for (var addfaker = 1; addfaker < 7; addfaker++){</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>           </span>if (faker[(addline*6)+addfaker-6] == 1){</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>           </span><span>      </span>mestotal[addline]=mestotal[addline]+face[patno]</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>           </span>}else{mestotal[addline]=mestotal[addline]+"<span>       </span>"}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>        </span>}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>        </span>mestotal[addline]=mestotal[addline]+rsmiss</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>     </span>}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>   </span>spcf1=cr</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>   </span>spcf2=cr</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>   </span>spcf3=cr</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>   </span>if (missiley == (downno+1)){spcf1=blankx[missilex]+"|"+cr}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>   </span>if (missiley == (downno+3)){spcf2=blankx[missilex]+"|"+cr}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>   </span>if (missiley == (downno+5)){spcf3=blankx[missilex]+"|"+cr}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>   </span>lowerlf=""</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>   </span>for (var lowerspc=0;lowerspc<(11-downno);lowerspc++){</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>      </span>if (missiley == (downno+7+lowerspc)){</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>      </span>lowerlf=lowerlf+blankx[missilex]+"|"+cr</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>      </span>}else{lowerlf=lowerlf+cr}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>   </span>}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>   </span>myblank=blankx[mychrx]</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>   </span>document.fmark.win.value = downlf+mestotal[1]+cr+spcf1+mestotal[2]+cr+spcf2+mestotal[3]+cr+spcf3+mestotal[4]+cr+lowerlf+myblank+"<span>  </span>_A_<span>  </span>"+cr+myblank+" [___] "</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span>   </span>timerID = setTimeout("interval1()",250)</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span> </span>}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">}</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">//--></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"></SCRIPT></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"></pre></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"></head></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><FORM NAME="fmark"></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><center></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><textarea NAME="win" rows=20 cols=63></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">You must get Netscape2.0 or later.</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3">If you use Netscape 4.0b1, CLICK RESET!</font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"></textarea></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"></center></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><center></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><pre><INPUT TYPE="button" VALUE="<span>  </span>" ONCLICK="golmax()"><INPUT TYPE="button" VALUE=" LEFT " ONCLICK="goleft()"> <INPUT TYPE="button" VALUE="FIRE" ONCLICK="fire()"> <INPUT TYPE="button" VALUE="RIGHT" ONCLICK="goright()"><INPUT TYPE="button" VALUE="<span>  </span>" ONCLICK="gormax()"></pre></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"></center></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><br><p></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><center><pre><INPUT TYPE="button" VALUE="<span>     </span>RESET<span>     </span>" ONCLICK="restarter()"></pre></center></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><hr></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><center><A HREF='welcome.html'><bold>Home page</bold></A></center></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"></FORM></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"></BODY></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"></HTML> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"> </font></p> <p style="font-family: Times,"Times New Roman",serif;"><font size="3"><b> </b></font></p> <p style="font-family: Times,"Times New Roman",serif;"><font size="3"><span style="font-weight: normal;" lang="IN"><span> </span>LAMPIRAN</span></font></p> <p class="MsoNormal" style="text-align: right; font-family: Times,"Times New Roman",serif;" align="right"><font size="3"><b>ATRIBUT CSS</b></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b> </b></font></p> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><b> </b></font></p> <p style="font-family: Times,"Times New Roman",serif;"><font size="3"><span>Background</span></font></p> <table class="MsoNormalTable" style="width: 100%; background: none repeat scroll 0% 0% rgb(238, 238, 221); font-family: Times,"Times New Roman",serif;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td style="width: 24.98%; padding: 2.25pt;" width="24%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Property</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 30%; padding: 2.25pt;" width="30%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Description</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 25%; padding: 2.25pt;" width="25%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Values</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 6%; padding: 2.25pt;" width="6%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">NN</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 6%; padding: 2.25pt;" width="6%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">IE</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 8%; padding: 2.25pt;" width="8%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">W3C</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>background</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">A shorthand property for setting all background properties in one declaration</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><i><span style="color: black;" lang="IN">background-color<br> background-image<br> background-repeat background-attachment background-position</span></i><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">6.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>background-attachment</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets whether a background image is fixed or scrolls with the rest of the page</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">scroll<br> fixed</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">6.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>background-color</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the background color of an element</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><i><span style="color: black;" lang="IN">color-rgb<br> color-hex<br> color-name<br> </span></i><span style="color: black;" lang="IN">transparent</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>background-image</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets an image as the background</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><i><span style="color: black;" lang="IN">url</span></i><span style="color: black;" lang="IN"><br> none</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>background-position</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the starting position of a background image</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">top left<br> top center<br> top right<br> center left<br> center center<br> center right<br> bottom left<br> bottom center<br> bottom right<br> <i>x-% y-%</i><br> <i>x-pos y-pos</i></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">6.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>background-repeat</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets if/how a background image will be repeated</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">repeat<br> repeat-x<br> repeat-y<br> no-repeat</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> </tbody></table> <p style="font-family: Times,"Times New Roman",serif;"><font size="3"><span> </span></font></p> <p style="font-family: Times,"Times New Roman",serif;"><font size="3"><span>Border</span></font></p> <table class="MsoNormalTable" style="width: 100%; background: none repeat scroll 0% 0% rgb(238, 238, 221); font-family: Times,"Times New Roman",serif;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td style="width: 24.98%; padding: 2.25pt;" width="24%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Property</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 30%; padding: 2.25pt;" width="30%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Description</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 25%; padding: 2.25pt;" width="25%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Values</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 6%; padding: 2.25pt;" width="6%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">NN</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 6%; padding: 2.25pt;" width="6%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">IE</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 8%; padding: 2.25pt;" width="8%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">W3C</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>border </a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">A shorthand property for setting all of the properties for the four borders in one declaration</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><i><span style="color: black;" lang="IN">border-width<br> border-style<br> border-color</span></i><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0 </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0 </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1 </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>border-bottom </a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">A shorthand property for setting all of the properties for the bottom border in one declaration</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><i><span style="color: black;" lang="IN">border-bottom-width<br> border-style<br> border-color</span></i><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">6.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>border-bottom-color</a> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the color of the bottom border</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><i><span style="color: black;" lang="IN">border-color</span></i><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">6.0 </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0 </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS2 </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>border-bottom-style</a> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the style of the bottom border</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><i><span style="color: black;" lang="IN">border-style</span></i><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">6.0 </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0 </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS2 </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>border-bottom-width </a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the width of the bottom border</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">thin<br> medium<br> thick<br> <i>length</i></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0 </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0 </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1 </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>border-color </a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the color of the four borders, can have from one to four colors</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><i><span style="color: black;" lang="IN">color</span></i><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">6.0 </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0 </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1 </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>border-left </a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">A shorthand property for setting all of the properties for the left border in one declaration</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><i><span style="color: black;" lang="IN">border-left-width<br> border-style<br> border-color</span></i><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">6.0 </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0 </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1 </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>border-left-color</a> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the color of the left border </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><i><span style="color: black;" lang="IN">border-color</span></i><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">6.0 </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0 </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS2 </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>border-left-style</a> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the style of the left border</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><i><span style="color: black;" lang="IN">border-style</span></i><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">6.0 </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0 </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS2 </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>border-left-width </a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the width of the left border</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">thin<br> medium<br> thick<br> <i>length</i></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0 </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0 </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1 </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>border-right </a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">A shorthand property for setting all of the properties for the right border in one declaration</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><i><span style="color: black;" lang="IN">border-right-width<br> border-style<br> border-color</span></i><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">6.0 </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0 </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1 </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>border-right-color</a> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the color of the right border</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><i><span style="color: black;" lang="IN">border-color</span></i><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">6.0 </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0 </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS2 </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>border-right-style</a> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the style of the right border</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><i><span style="color: black;" lang="IN">border-style</span></i><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">6.0 </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0 </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS2 </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>border-right-width </a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the width of the right border</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">thin<br> medium<br> thick<br> <i>length</i></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0 </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0 </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1 </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>border-style </a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the style of the four borders, can have from one to four styles</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">none<br> hidden<br> dotted<br> dashed<br> solid<br> double<br> groove<br> ridge<br> inset<br> outset</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">6.0 </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0 </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1 </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>border-top </a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">A shorthand property for setting all of the properties for the top border in one declaration</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><i><span style="color: black;" lang="IN">border-top-width<br> border-style<br> border-color</span></i><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">6.0 </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0 </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1 </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>border-top-color</a> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the color of the top border </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><i><span style="color: black;" lang="IN">border-color</span></i><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">6.0 </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0 </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS2 </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>border-top-style</a> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the style of the top border</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><i><span style="color: black;" lang="IN">border-style</span></i><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">6.0 </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0 </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS2 </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>border-top-width</a> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the width of the top border</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">thin<br> medium<br> thick<br> <i>length</i></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0 </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0 </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1 </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>border-width </a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">A shorthand property for setting the width of the four borders in one declaration, can have from one to four values</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">thin<br> medium<br> thick<br> <i>length</i></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> </tbody></table> <p style="font-family: Times,"Times New Roman",serif;"><font size="3"><span> </span></font></p> <p style="font-family: Times,"Times New Roman",serif;"><font size="3"><span>Classification</span></font></p> <table class="MsoNormalTable" style="width: 100%; background: none repeat scroll 0% 0% rgb(238, 238, 221); font-family: Times,"Times New Roman",serif;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td style="width: 24.98%; padding: 2.25pt;" width="24%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Property</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 30%; padding: 2.25pt;" width="30%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Description</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 25%; padding: 2.25pt;" width="25%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Values</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 6%; padding: 2.25pt;" width="6%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">NN</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 6%; padding: 2.25pt;" width="6%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">IE</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 8%; padding: 2.25pt;" width="8%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">W3C</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>clear</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the sides of an element where other floating elements are not allowed</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">left<br> right<br> both<br> none</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>cursor</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Specifies the type of cursor to be displayed</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span class="value-inst-urinoxref"><i><span style="color: black;" lang="IN">url</span></i></span><span style="color: black;" lang="IN"><br> auto<br> crosshair<br> default<br> pointer<br> move<br> e-resize<br> ne-resize<br> nw-resize<br> n-resize<br> se-resize<br> sw-resize<br> s-resize<br> w-resize<br> text<br> wait<br> help</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">6.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS2</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>display</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets how/if an element is displayed</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">none<br> inline<br> block<br> list-item<br> run-in<br> compact<br> marker<br> table<br> inline-table<br> table-row-group<br> table-header-group<br> table-footer-group<br> table-row<br> table-column-group<br> table-column<br> table-cell<br> table-caption</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>float</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets where an image or a text will appear in another element</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">left<br> right<br> none</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>position</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Places an element in a static, relative, absolute or fixed position</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">static<br> relative<br> absolute<br> fixed</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS2</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>visibility</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets if an element should be visible or invisible</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">visible<br> hidden<br> collapse</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">6.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS2</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> </tbody></table> <p style="font-family: Times,"Times New Roman",serif;"><font size="3"><span> </span></font></p> <p style="font-family: Times,"Times New Roman",serif;"><font size="3"><span>Dimension</span></font></p> <table class="MsoNormalTable" style="width: 100%; background: none repeat scroll 0% 0% rgb(238, 238, 221); font-family: Times,"Times New Roman",serif;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td style="width: 24.98%; padding: 2.25pt;" width="24%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Property</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 30%; padding: 2.25pt;" width="30%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Description</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 25%; padding: 2.25pt;" width="25%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Values</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 6%; padding: 2.25pt;" width="6%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">NN</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 6%; padding: 2.25pt;" width="6%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">IE</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 8%; padding: 2.25pt;" width="8%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">W3C</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>height</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the height of an element</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">auto<i><br> length<br> %</i></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">6.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>line-height</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the distance between lines</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">normal<br> <i>number<br> length<br> %</i></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>max-height</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the maximum height of an element</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">none<br> <i>length<br> %</i></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS2</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>max-width</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the maximum width of an element</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">none<br> <i>length<br> %</i></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS2</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>min-height</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the minimum height of an element</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><i><span style="color: black;" lang="IN">length<br> %</span></i><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS2</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>min-width</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the minimum width of an element</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><i><span style="color: black;" lang="IN">length<br> %</span></i><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS2</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>width</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the width of an element</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">auto<br> <i>%<br> length</i>  </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> </tbody></table> <p style="font-family: Times,"Times New Roman",serif;"><font size="3"><span> </span></font></p> <p style="font-family: Times,"Times New Roman",serif;"><font size="3"><span>Font</span></font></p> <table class="MsoNormalTable" style="width: 100%; background: none repeat scroll 0% 0% rgb(238, 238, 221); font-family: Times,"Times New Roman",serif;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td style="width: 24.98%; padding: 2.25pt;" width="24%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Property</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 30%; padding: 2.25pt;" width="30%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Description</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 25%; padding: 2.25pt;" width="25%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Values</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 6%; padding: 2.25pt;" width="6%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">NN</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 6%; padding: 2.25pt;" width="6%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">IE</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 8%; padding: 2.25pt;" width="8%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">W3C</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>font</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">A shorthand property for setting all of the properties for a font in one declaration</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><i><span style="color: black;" lang="IN">font-style<br> font-variant<br> font-weight<br> font-size/line-height<br> font-family<br> </span></i><span style="color: black;" lang="IN">caption<br> icon<br> menu<br> message-box<br> small-caption<br> status-bar</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>font-family</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">A prioritized list of font family names and/or generic family names for an element</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><i><span style="color: black;" lang="IN">family-name<br> generic-family</span></i><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>font-size</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the size of a font</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">xx-small<br> x-small<br> small<br> medium<br> large<br> x-large<br> xx-large<br> smaller<br> larger<i><br> length<br> %</i></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>font-size-adjust</a> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Specifies an aspect value for an element that will preserve the x-height of the first-choice font</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">none<br> <i>number</i></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS2</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>font-stretch</a> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Condenses or expands the current font-family</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">normal<br> wider<br> narrower<br> ultra-condensed<br> extra-condensed<br> condensed<br> semi-condensed<br> semi-expanded<br> expanded<br> extra-expanded<br> ultra-expanded</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS2</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>font-style</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the style of the font</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">normal<br> italic<br> oblique</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>font-variant</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Displays text in a small-caps font or a normal font</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">normal<br> small-caps</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">6.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>font-weight</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the weight of a font</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">normal<br> bold<br> bolder<br> lighter<br> 100<br> 200<br> 300<br> 400<br> 500<br> 600<br> 700<br> 800<br> 900</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> </tbody></table> <p style="font-family: Times,"Times New Roman",serif;"><font size="3"><span> </span></font></p> <p style="font-family: Times,"Times New Roman",serif;"><font size="3"><span>Generated Content</span></font></p> <table class="MsoNormalTable" style="width: 100%; background: none repeat scroll 0% 0% rgb(238, 238, 221); font-family: Times,"Times New Roman",serif;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td style="width: 25%; padding: 2.25pt;" width="25%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Property</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 30%; padding: 2.25pt;" width="30%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Description</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 25%; padding: 2.25pt;" width="25%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Values</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 6%; padding: 2.25pt;" width="6%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">NN</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 6%; padding: 2.25pt;" width="6%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">IE</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 8%; padding: 2.25pt;" width="8%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">W3C</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>content</a> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Generates content in a document. Used with the :before and :after pseudo-elements</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><i><span style="color: black;" lang="IN">string</span></i><span style="color: black;" lang="IN"><br> <i>url<br> </i>counter(<i>name</i>)<br> counter(<i>name, list-style-type</i>)<br> counters(<i>name, string</i>)<br> counters(<i>name, string, list-style-type</i>)<br> attr(X)<br> open-quote<br> close-quote<br> no-open-quote<br> no-close-quote</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS2</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>counter-increment</a> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets how much the counter increments on each occurrence of a selector </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">none<br> <i>identifier number</i></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS2</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>counter-reset</a> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the value the counter is set to on each occurrence of a selector</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">none<br> <i>identifier number</i></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS2</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>quotes</a> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the type of quotation marks</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">none<br> <i>string string</i></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS2</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> </tbody></table> <p style="font-family: Times,"Times New Roman",serif;"><font size="3"><span> </span></font></p> <p style="font-family: Times,"Times New Roman",serif;"><font size="3"><span>List and Marker</span></font></p> <table class="MsoNormalTable" style="width: 100%; background: none repeat scroll 0% 0% rgb(238, 238, 221); font-family: Times,"Times New Roman",serif;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td style="width: 24.98%; padding: 2.25pt;" width="24%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Property</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 30%; padding: 2.25pt;" width="30%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Description</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 25%; padding: 2.25pt;" width="25%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Values</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 6%; padding: 2.25pt;" width="6%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">NN</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 6%; padding: 2.25pt;" width="6%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">IE</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 8%; padding: 2.25pt;" width="8%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">W3C</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>list-style</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">A shorthand property for setting all of the properties for a list in one declaration</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><i><span style="color: black;" lang="IN">list-style-type<br> list-style-position<br> list-style-image</span></i><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">6.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>list-style-image</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets an image as the list-item marker</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">none<br> <i>url</i></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">6.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>list-style-position</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets where the list-item marker is placed in the list</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">inside<br> outside</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">6.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>list-style-type</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the type of the list-item marker</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">none<br> disc<br> circle<br> square<br> decimal<br> decimal-leading-zero<br> lower-roman<br> upper-roman<br> lower-alpha<br> upper-alpha<br> lower-greek<br> lower-latin<br> upper-latin<br> hebrew<br> armenian<br> georgian<br> cjk-ideographic<br> hiragana<br> katakana<br> hiragana-iroha<br> katakana-iroha </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">marker-offset</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">auto<br> <i>length</i></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS2</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> </tbody></table> <p style="font-family: Times,"Times New Roman",serif;"><font size="3"><span> </span></font></p> <p style="font-family: Times,"Times New Roman",serif;"><font size="3"><span>Margin</span></font></p> <table class="MsoNormalTable" style="width: 100%; background: none repeat scroll 0% 0% rgb(238, 238, 221); font-family: Times,"Times New Roman",serif;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td style="width: 24.98%; padding: 2.25pt;" width="24%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Property</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 30%; padding: 2.25pt;" width="30%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Description</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 25%; padding: 2.25pt;" width="25%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Values</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 6%; padding: 2.25pt;" width="6%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">NN</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 6%; padding: 2.25pt;" width="6%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">IE</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 8%; padding: 2.25pt;" width="8%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">W3C</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>margin</a> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">A shorthand property for setting the margin properties in one declaration</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><i><span style="color: black;" lang="IN">margin-top<br> margin-right<br> margin-bottom<br> margin-left</span></i><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p><font size="3"><span style="color: black;"><a>margin-bottom</a> </span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the bottom margin of an element</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">auto<br> <i>length<br> %</i></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p><font size="3"><span style="color: black;"><a>margin-left</a> </span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the left margin of an element</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">auto<br> <i>length<br> %</i></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p><font size="3"><span style="color: black;"><a>margin-right</a> </span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the right margin of an element</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">auto<br> <i>length<br> %</i></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>margin-top</a> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the top margin of an element</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">auto<br> <i>length<br> %</i></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> </tbody></table> <p style="font-family: Times,"Times New Roman",serif;"><font size="3"><span> </span></font></p> <p style="font-family: Times,"Times New Roman",serif;"><font size="3"><span>Outlines</span></font></p> <table class="MsoNormalTable" style="width: 100%; background: none repeat scroll 0% 0% rgb(238, 238, 221); font-family: Times,"Times New Roman",serif;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td style="width: 25%; padding: 2.25pt;" width="25%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Property</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 30%; padding: 2.25pt;" width="30%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Description</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 25%; padding: 2.25pt;" width="25%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Values</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 6%; padding: 2.25pt;" width="6%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">NN</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 6%; padding: 2.25pt;" width="6%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">IE</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 8%; padding: 2.25pt;" width="8%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">W3C</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>outline</a> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">A shorthand property for setting all the outline properties in one declaration</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><i><span style="color: black;" lang="IN">outline-color<br> outline-style<br> outline-width</span></i><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS2</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>outline-color</a> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the color of the outline around an element</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><i><span style="color: black;" lang="IN">color<br> </span></i><span style="color: black;" lang="IN">invert</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS2</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>outline-style</a> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the style of the outline around an element</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">none<br> dotted<br> dashed<br> solid<br> double<br> groove<br> ridge<br> inset<br> outset</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS2</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>outline-width</a> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the width of the outline around an element</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">thin<br> medium<br> thick<br> <i>length</i></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS2</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> </tbody></table> <p style="font-family: Times,"Times New Roman",serif;"><font size="3"><span> </span></font></p> <p style="font-family: Times,"Times New Roman",serif;"><font size="3"><span>Padding</span></font></p> <table class="MsoNormalTable" style="width: 100%; background: none repeat scroll 0% 0% rgb(238, 238, 221); font-family: Times,"Times New Roman",serif;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td style="width: 24.98%; padding: 2.25pt;" width="24%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Property</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 30%; padding: 2.25pt;" width="30%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Description</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 25%; padding: 2.25pt;" width="25%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Values</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 6%; padding: 2.25pt;" width="6%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">NN</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 6%; padding: 2.25pt;" width="6%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">IE</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 8%; padding: 2.25pt;" width="8%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">W3C</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>padding</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">A shorthand property for setting all of  the padding properties in one declaration</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><i><span style="color: black;" lang="IN">padding-top<br> padding-right<br> padding-bottom<br> padding-left</span></i><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p><font size="3"><span style="color: black;"><a>padding-bottom</a></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the bottom padding of an element</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><i><span style="color: black;" lang="IN">length<br> %</span></i><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p><font size="3"><span style="color: black;"><a>padding-left</a></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the left padding of an element</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><i><span style="color: black;" lang="IN">length<br> %</span></i><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p><font size="3"><span style="color: black;"><a>padding-right</a></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the right padding of an element</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><i><span style="color: black;" lang="IN">length<br> %</span></i><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>padding-top</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the top padding of an element</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><i><span style="color: black;" lang="IN">length<br> %</span></i><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> </tbody></table> <p style="font-family: Times,"Times New Roman",serif;"><font size="3"><span> </span></font></p> <p style="font-family: Times,"Times New Roman",serif;"><font size="3"><span>Positioning</span></font></p> <table class="MsoNormalTable" style="width: 100%; background: none repeat scroll 0% 0% rgb(238, 238, 221); font-family: Times,"Times New Roman",serif;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td style="width: 24.98%; padding: 2.25pt;" width="24%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Property</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 30%; padding: 2.25pt;" width="30%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Description</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 25%; padding: 2.25pt;" width="25%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Values</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 6%; padding: 2.25pt;" width="6%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">NN</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 6%; padding: 2.25pt;" width="6%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">IE</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 8%; padding: 2.25pt;" width="8%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">W3C</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>bottom</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets how far the bottom edge of an element is above/below the bottom edge of the parent element</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">auto<br> <i>%<br> length</i></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">6.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">5.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS2</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>clip</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the shape of an element. The element is clipped into this shape, and displayed</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><i><span style="color: black;" lang="IN">shape<br> </span></i><span style="color: black;" lang="IN">auto</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">6.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS2</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>left</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets how far the left edge of an element is to the right/left of the left edge of the parent element</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">auto<br> <i>%<br> length</i></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS2</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>overflow</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets what happens if the content of an element overflow its area</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">visible<br> hidden<br> scroll<br> auto</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">6.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS2</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>right</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets how far the right edge of an element is to the left/right of the right edge of the parent element</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">auto<br> <i>%<br> length</i></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">5.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS2</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>top</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets how far the top edge of an element is above/below the top edge of the parent element</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">auto<br> <i>%<br> length</i></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS2</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>vertical-align</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the vertical alignment of an element</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">baseline<br> sub<br> super<br> top<br> text-top<br> middle<br> bottom<br> text-bottom<br> <i>length</i><br> <i>%</i></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>z-index</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the stack order of an element</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">auto<br> <i>number</i></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">6.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS2</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> </tbody></table> <p style="font-family: Times,"Times New Roman",serif;"><font size="3"><span> </span></font></p> <p style="font-family: Times,"Times New Roman",serif;"><font size="3"><span>Table</span></font></p> <table class="MsoNormalTable" style="width: 100%; background: none repeat scroll 0% 0% rgb(238, 238, 221); font-family: Times,"Times New Roman",serif;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td style="width: 25%; padding: 2.25pt;" width="25%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Property</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 30%; padding: 2.25pt;" width="30%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Description</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 25%; padding: 2.25pt;" width="25%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Values</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 6%; padding: 2.25pt;" width="6%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">NN</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 6%; padding: 2.25pt;" width="6%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">IE</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 8%; padding: 2.25pt;" width="8%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">W3C</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>border-collapse</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the border model of a table</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">collapse<br> separate</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">  </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">5.0 </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS2 </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">border-spacing</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the distance between the borders of adjacent cells (only for the "separated borders" model)</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><i><span style="color: black;" lang="IN">length length</span></i><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">  </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">  </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS2 </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">caption-side </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the position of the caption according to the table</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">top<br> bottom<br> left<br> right</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS2</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">empty-cells </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets whether cells with no visible content should have borders or not (only for the "separated borders" model) </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">show<br> hide</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">6.2</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS2</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">table-layout </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the algorithm used to lay out the table</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">auto<br> fixed</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">5.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS2</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> </tbody></table> <p style="font-family: Times,"Times New Roman",serif;"><font size="3"><span> </span></font></p> <p style="font-family: Times,"Times New Roman",serif;"><font size="3"><span>Text</span></font></p> <table class="MsoNormalTable" style="width: 100%; background: none repeat scroll 0% 0% rgb(238, 238, 221); font-family: Times,"Times New Roman",serif;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td style="width: 24.98%; padding: 2.25pt;" width="24%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Property</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 30%; padding: 2.25pt;" width="30%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Description</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 25%; padding: 2.25pt;" width="25%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">Possible Values</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 6%; padding: 2.25pt;" width="6%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">NN</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 6%; padding: 2.25pt;" width="6%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">IE</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> <td style="width: 8%; padding: 2.25pt;" width="8%"> <p class="MsoNormal"><font size="3"><b><span style="color: black;" lang="IN">W3C</span></b><b><span style="color: black;" lang="IN"></span></b></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>color</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the color of a text</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><i><span style="color: black;" lang="IN">color</span></i><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">3.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>direction</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets the text direction</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">ltr<br> rtl</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS2</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>letter-spacing</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Increase or decrease the space between characters</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">normal<br> <i>length</i></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">6.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>text-align</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Aligns the text in an element</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">left<br> right<br> center<br> justify</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>text-decoration</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Adds decoration to text</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">none<br> underline<br> overline<br> line-through<br> blink</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>text-indent</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Indents the first line of text in an element</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><i><span style="color: black;" lang="IN">length<br> %</span></i><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">text-shadow</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">none<br> <i>color</i><br> <i>length</i></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>text-transform</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Controls the letters in an element</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">none<br> capitalize<br> uppercase<br> lowercase</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">unicode-bidi</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">normal<br> embed<br> bidi-override</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"> </span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">5.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS2</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>white-space</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Sets how white space inside an element is handled</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">normal<br> pre<br> nowrap</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">4.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">5.5</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> <tr> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN"><a>word-spacing</a></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">Increase or decrease the space between words</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">normal<br> <i>length</i></span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">6.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">6.0</span><span style="color: black;" lang="IN"></span></font></p> </td> <td style="padding: 2.25pt;" valign="top"> <p class="MsoNormal"><font size="3"><span style="color: black;" lang="IN">CSS1</span><span style="color: black;" lang="IN"></span></font></p> </td> </tr> </tbody></table> <p style="font-family: Times,"Times New Roman",serif;" class="MsoNormal"><font size="3"><span> </span></font></p> <p style="font-family: Times,"Times New Roman",serif;"><font class="fullpost" size="3"> </font></p>