HTML

KETERAMPILAN KOMPUTER HTML DASAR

A. Sejarah HTML Hypertext Markup Language (HTML) adalah bahasa yang digunakan untuk menulis halaman web. HTML merupakan pengembangan dari standar pemformatan dokumen teks yaitu Standard Generalized Markup Language (SGML). HTML sebenarnya adalah dokumen ASCII atau teks biasa, yang dirancang untuk tidak tergantung pada suatu sistem operasi tertentu. HTML dibuat oleh Tim Berners-Lee ketika masih bekerja untuk CERN dan dipopulerkan pertama kali oleh browser Mosaic. Selama awal tahun 1990 HTML mengalami perkembangan yang sangat pesat. Setiap pengembangan HTML pasti akan menambahkan kemampuan dan fasilitas yang lebih baik dari versi sebelumnya.

Namun perkembangan resmi dikeluarkan pada bulan November 1995 oleh IETF (Internet Engineering Task Force). HTML 2.0 ini merupakan penyempurnaan dari HTML+ (1993). HTML 3.0 (1995) memberikan kemampuan lebih daripada versi sebelumnya. Sebuah usaha dari World Wide Web Consortium’s (W3C) HTML Working Group pada tahun 1996 menghasilkan HTML 3.2. HTML versi ini secara resmi diterbitkan pada bulan Januari 1997. HTML versi terbaru adalah HTML 4.01 yang dikeluarkan secara resmi oleh W3C pada tanggal 24 April 1998. HTML merupakan perbaikan dari HTML 4.0 yang lebih dulu diterbitkan. (18 Desember 1997). B. Dasar-Dasar HTML Mendesain HTML berarti melakukan suatu tindakan pemrograman. Namun HTML bukanlah sebuah bahasa pemrograman. Namun HTML hanyalah berisi perintah-perintah yang telah terstruktur berupa tag-tag penyusun. Menuliskan tag-tag HTML tidaklah sebatas hanya memasukkan perintah-perintah tertentu agar HTML kita dapat di akses oleh browser. Mendesain HTML adalah adalah sebuah seni tersendiri. Homepage yang merupakan implementasi dari HTML adalah refleksi dari orang yang membuatnya. Untuk itu kita perlu mendesainnya dengan baik agar para pengunjung homepage yang kita buat merasa senang dan bermanfaat. Mendesain HTML dapat dilakukan dengan dua cara: 1. Menggunakan HTML Editor, seperti Microsoft FrontPage, Adobe Dreamweaver, dan editor HTML lainnya. 2. Dengan cara menuliskan sendiri secara manual satu persatu tag-tag HTML ke dalam dokumen Notepad dan disimpan dengan format HTML. Ada kelebihan dan kekurangan dari dua cara di atas. Cara pertama kelebihannya adalah HTML Editor merupakan sebuah program yang khusus didesain untuk membuat, melakukan editing bahkan mem-publish ke internet. Dengan kemampuannya menggabungkan kemudahan dan kecanggihan teknologi internet ke dalam dokumen HTML maka cara ini sangat disukai oleh para pemula dan desainer yang tidak ingin belajar lebih mendalam mengenai HTML. Sedangkan cara kedua adalah menuliskan secara manual satu persatu tag-tag HTML. Hal ini sangat dirasakan sulit dikarenakan akan memakan tenaga dan waktu ekstra untuk melakukannya, ditambah lagi Anda harus melakukan cara-cara konvensional untuk melihat hasilnya pada web browser. Namun pada cara kedua adalah dasar dari segala bentuk HTML yang akan Anda pelajari, karena dengan cara itulah Anda akan lebih paham mengenai cara kerja dan berbagai perintah yang biasa dipakai pada bahasa HTML. Perhatian !! Jika anda baru pertama kali mengenal HTML, hindari Program WYSIWIG (What You See Is What You Get) seperti Dreamweaver atau Frontpage/Web Expression. Program-program ini memang memudahkan anda membuat website tetapi anda akan kurang memahami HTML, gunakan Frontpage atau Dreamweaver apabila anda sudah paham mengenai HTML. Didalam html terdapat tag Tag : adalah bagian perintah/script yang tidak ditampilkan oleh halaman website Tag terbagi 2 macam : - Tag tunggal = tag yang berdiri sendiri contoh

- Tag berpasangan = tag yang memiliki bagian awal dan akhir/penutup Contohmnya : C. STRUKTUR DASAR HTML HTML adalah singkatan dari HyperText Markup Language adalah salah satu bahasa pemprograman web desaign dan juga biasa di sebut script untuk menyusun dokumen-dokumen Web. Dokumen HTML disimpan dalam format teks reguler dan mengandung tag-tag yang memerintahkan web browser untuk mengeksekusi perintah-perintah yang dispesifikasikan Struktur dasar HTML adalah sebagai berikut: penulisan informasi Web Dari struktur dasar HTML di atas dapat dijelaskan sebagai berikut: a. Tag Adalah teks khusus (markup) berupa dua karakter "<" dan ">", sebagai contoh adalah tag dengan nama body. Tag harus ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter "/" setelah karakter "<"), sebagai contoh ini adalah tag pembuka isi dokumen HTML, dan ini adalah tag penutup isi dokumen HTML. b. Element Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Sebagai contoh untuk menampilkan judul dokumen HTML pada web browser digunakan element title, dimana: ini adalah tag penutup judul dokumen HTML Tag-tag yang ditulis secara berpasangan pada suatu element HTML, tidak boleh saling tumpang tindih dengan pasangan tag-tag lainnya. Contoh penulisan tag-tag yang benar
Catatan : Jika penulisan script salah, maka script tidak terbaca sempurna ( Error ) sehingga dapat mengganggu penampilan dan dinamika web itu sendiri c. Attribute Attribute mendefinisikan property dari suatu element HTML, yang terdiri atas nama dan nilai. Penulisannya adalah sebagai berikut: nama-attr="nilai-attr" nama-attr="nilai-attr" > Secara umum nilai attribute harus berada dalam tanda petik satu atau dua. Sebagai contoh, untuk membuat warna teks menjadi kuning dan latarbelakang halaman web menjadi hitam, penulisannya adalah d. Element HTML Menyatakan pada browser bahwa dokumen Web yang digunakan adalah HTML. Sintaks: e. Element HEAD Merupakan kepala dari dokumen HTML. Tag dan tag terletak di antara tag dan tag . Sintaks: f. Element TITLE Merupakan judul dari dokumen HTML yang ditampilkan pada judul jendela browser. Tag terletak di antara tag dan tag . Sintaks: g. Element BODY Element ini untuk menampilkan isi dokumen HTML. Tag dan tag terletak di bawah tag dan tag . Element BODY mempunyai attribute-attribute yang menspesifikasikan khususnya warna dan latarbelakang dokumen yang akan ditampilkan pada browser. Sintaks: text :memberikan warna pada teks bgcolor :memberikan warna pada latarbelakang dokumen HTML background :memberikan latarbelakang dokumen HTML dalam bentuk gambar link :memberikan warna untuk link alink :memberikan warna untuk link yang sedang aktif vlink :memberikan warna untuk link yang telah dikunjungi. Catatan : Jika attribute bgcolor dan background keduanya dispesifikasikan maka attribute background yang akan digunakan, akan tetapi jika nilai attribute background (gambar) tidak ditemukan pada dokumen HTML maka attribute bgcolor yang akan digunakan. Berikut ini saya akan menyebutkan berbagai macam kode HTML dasar yang perlu Diketahui : 1.
Turun satu baris kebawah(enter) / Kursor dan kalimat dibelakangnya turun 1 baris kebawah 2. isi tulisan Membuat tulisan menjadi sedikit lebih besar 3. isi tulisan Mewarnai tulisan. Ganti warna tulisan dengan salah satu pilihan yang ada : red, blue, yellow, green, brown, gold, purple 4.   Menambah 1 spasi karena ada kemungkinan penggunaan 2 spasi tidak akan terbaca pada beberapa engine blog 5. isi tulisan Mengganti ukuran tulisan. Bisa digunakan apabila kode pada no. 2 tidak sesuai dengan keinginan kita 6. isi tulisan atau isi tulisan Untuk menebalkan tulisan. Fungsi sama dengan ”’isi tulisan”’ atau tombol ‘cetak tebal’ 7. Kursor dan kalimat dibelakangnya turun satu setengah baris kebawah 8. isi tulisan Membuat garis bawah tulisan 9. isi tulisan Membuat tulisan menjadi sedikit lebih kecil 10. isi tulisan Membuat garis mencoret pada tulisan 11.

isi tulisan

Membuat tulisan tetap pada keadaan yang kita inginkan, misalnya untuk urutan berjejer kebawah 12. isi tulisan Membuat tulisan berada di tengah halaman 13. isi tulisan Membuat tulisan tampak berkedip Contoh2 penulisan dokumen html: Latihan 1 Secara sederhana HTML terdiri dari dua bagian yaitu Header dan Body. Struktur HTML diapit oleh tag awal dan tag akhir . Standar penulisannya adalah: Deskrisi dokumen Isi dokumen Contoh: Halo, apakabar?. Homepage ini merupakan hasil karya saya yang pertama. Keterangan: • Simpanlah dengan menambahkan exstensi data dari html (.html) • Tag

Heading Level 1

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5

Heading Level 6

2. Paragraf Untuk membuat paragraf digunakan tag

. Setelah tag

Anda bisa menulis isi paragraf dan paragraf tersebut harus diakhiri dengan penutup

. Anda bisa mengatur posisi paragraf dengan attribut ALIGN. Atribut ALIGN diikuti dengan posisi yang diinginkan. LEFT untuk rata kiri, CENTER untuk rata tengah dan RIGHT untuk rata kanan. Contoh: Latihan 3 3. Blockquote Perintah tag

digunakan untuk menulis kutipan teks. Dengan perintah ini browser akan menampilkan teks menjorok ke dalam (meng-identasi teks) atau menampilkan teks dalam bentuk huruf miring. Contoh:

Sesuatu yang tidak perlu dicoba

Sesuatu yang kelihatan mengasyikkan tapi sebenarnya lebih banyak menambah masalah pada remaja adalah narkoba, seks, alkohol dan merokok. Jangan sekali-kali mencoba jika tidak ingin membuat masalah baru

4. Preformatted Text Preformatted Text (PRE) digunakan untuk menampilkan teks sama seperti yang Anda ketikkan dalam dokumen HTML. Browser akan menampikan teks tersebut dalam font monospaced, yaitu seperti terlihat dalam teks yang tampilkan oleh aplikasi berbasis teks (misalnya telnet). Contoh:

Edisi yang lalu dibahas tentang membuat billing system untuk warnet yang dapat langsung mencetak tagihan.
Kali ini diulas bagaimana menyimpan setiap transaksi dalam database agar bisa diperoleh beberapa laporan secara periodik.

5. Begin Row (BR) Tag ini digunakan untuk menulis teks pada baris berikutnya. Tag

membuat baris baru tanpa memberi baris kosong di bawahnya. Contoh: Banyak cara yang dapat digunakan untuk melakukan instalasi FreeBSD. Namun ada tiga cara yang paling sering dilakukan ,yaitu:
Instalasi melalui FTP
Instalasi melalui CDROM
Instalasi melalui partisi DOS 6. Ukuran Font Untuk mengatur huruf dokumen HTML digunakan tag . Tag memiliki beberapa atribut untuk mengatur ukuran huruf yang akan digunakan. Contoh: Ukuran font 1 Ukuran font 2 Ukuran font 3 Ukuran font 4 Ukuran font 5 Ukuran font 6 Ukuran font 7 7. Jenis Font Atribut FACE digunakan untuk mengatur jenis huruf yang diinginkan. Atribut FACE harus diisi dengan string jenis font seperti Arial, Times New Roman,Verdana, dan sebagainya. Contoh: Arial, contoh AC Milan Verdana , contoh Persebaya Times New Roman, contoh Indonesia 8. Warna Font Atribut COLOR digunakan untuk mengatur warna font yang akan digunakan. Untuk memberi nilai pada atribut color, ada dua cara. Cara pertama dengan menuliskan nama warna seperti Red, Blue, Yellow, White, dll. Sedangkan cara kedua adalah dengan menggunakan nilai RGB (Red Green Blue) dari suatu warna, misalnya FF0000 untuk Red, 00FF00 untuk green, dan 0000FF untuk Blue. Contoh: PSM Makassartetap PSM Makassar kan?Ini baru Persebaya Latihan 4 9. Link Perintah anchor digunakan untuk membuat suatu link. Untuk membuat link ke dokumen HTML lain digunakan perintah Teks pada browser. Anda juga bisa membuat link dalam sebuah dokumen HTML. Untuk itu perlu dipersiapkan nama anchor lokasi tujuan dari link tersebut. Nama anchor dibuat dengan menambahkan atribut NAME pada tag . Misalnya . Cara melakukan link ke bagian tersebut adalah teks pada browser. Contoh: Pemain-pemain AC Milan menurut abjad

Abbiati ,info lengkap Ayala Ambrosini Albertini Boban kalo mau tahu lagi klik disini

Abbiati

Kiper ketiga timnas Italia runner up Euro 2000
Kiper utama U-21 juara Piala Eropa U-21
Kiper utama AC Milan juara Seri-A 1998-1999

kembali ke atas

Maaf, hanya sedikit
Chamot
Dida
Shevchenko
kembali

10. Ordered List Ordered list digunakan untuk membuat daftar dimana tiap bagiannya memiliki nomor secara berurut. Ordered list dimulai dengan menggunakan tag

dan diakhiri

. Untuk menyatakan tiap bagiannya digunakan tag

dimana tag ini tidak menggunakan penutup. Contoh: Empat besar pemain termahal di dunia

1. Luis Figo
2. Hernan Crespo
3. Christian Vieri
4. Nicolas Anelka

Ketika menggunakan perintah ordered list maka default penomoran adalah 1, 2, 3, …, Anda bisa mengubah nomor tersebut menggunakan atribut TYPE pada tag

. • TYPE = 1 ; daftar berurut dengan nomor 1, 2, 3 (default) • TYPE = I ; daftar berurut dengan menggunakan bilangan Romawi besar (I, II, III, IV, …) • TYPE = I ; daftar berurut dengan menggunakan bilangan Romawi huruf kecil (i, ii, iii, iv, …) • TYPE = A ; daftar berurut dengan menggunakan abjad besar (A, B, C, D, …) • TYPE = a ; daftar berurut dengan menggunakan abjad kecil (a, b, c, d, …) Selain mengubah jenis penomoran, HTML juga menyediakan perintah untuk menentukan nilai awal penomoran. Atribut yang digunakan adalah START = n, dimana n adalah nilai awal penomoran. Contoh:
1. Daftar empat pemain termahal didunia
   1. Luis Figo
   2. Hernan Crespo
   3. Christian Vieri
   4. Nicolas Anelka
2. Urutan lima sampai delapan
   5. Denilson
   6. Gabriel Batigol
   7. Ronaldo
   8. Amoroso
11. Unordered List Berbeda dengan ordered list, dalam unordered list tidak dijumpai urutan dalam suatu daftar. Setiap bagian dari unordered list ditandai dengan tanda bullet. Tanda bullet menjadi defaultdalam unordered list. Untuk membuat daftar dengan tanda ini digunakan tag awal
dan tag akhir
. Sama seperti ordered list, untuk tiap-tiap bagian digunakan
1. tanpa tag penutup. Contoh: Empat besar Seri-A Liga Indonesia
   • PSM Makassar
   • Pupuk Kaltim
   • Persikota
   • Persija Pusat
   Selain default tanda bullet, Anda bisa menggunakan tanda cakram/disk, lingkaran, atau kotak. Caranya dengan menggunakan atribut TYPE pada tag
   Contoh: Klub sepakbola di Jawa Timur
   • Mitra Surabaya
   • Persebaya
   • Persija Jember
   12. Grafik dalam Halaman Web Biasanya orang menggunakan gambar untuk memperindah situsnya. HTML menyediakan tag untuk menampilkan gambar dalam halaman web. Dari berbagai macam format gambar yang ada, hanya beberapa saja yang bisa dipergunakan dalam membuat halaman web. Format gambar yang paling sering digunakan adalah GIF dan JPEG. Format penulisannya adalah: Atribut SRC digunakan untuk menentukan sumber gambar. Atribut ALT berfungsi sebagai teks pengganti gambar untuk browser yang tidak bisa mendukung grafik, atau pada pihak client sengaja mematikan fasilitas pemanggilan gambar. Contoh:
   www.bugsinternetcafe.com
   
   Beberapa atribut pada tag yang biasa digunakan dalam halaman-halaman web. • BORDER : memberikan suatu border atau batas pada gambar, default-nya = 0 • HEIGHT, WIDTH : menentukan tinggi dan lebar suatu gambar dalam ukuran pixel • HSPACE, VSPACE : menentukan jarak spasi horizontal dan spasi vertikal antara gambar-gambar dengan objek di sekitarnya • ALIGN : mengatur perataan gambar terhadap objek di sekelilingnya. Nilainya bisa berupa LEFT, CENTER, RIGHT, BOTTOM, TOP dan MIDDLE Contoh: Bugs Internet Cafe, VSPACE = 20
   
   www.bugsinternetcafe.com, HSPACE = 20
   Jl.Kaliurang Km.5 No.34Yogyakarta, HSPACE = 20
   
   13. Table Tabel banyak digunakan karena dapat menampilkan informasi dengan bentuk yang ringkas dan mudah dibaca. Untuk membuat tabel digunakan tag awal dan tag penutup . Tag mewakili beberapa bagian penting, yaitu: • CAPTION> …

digunakan untuk membentuk judul tabel. Judul tabel ini akan terletak diluar tabel, bisa di bagian atas atau bagian bawah tabel •

…

berfungsi untuk meletakkan judul tabel di bagian peling atas atau paling kiri dari suatu tabel •

…

digunakan sebagai tempat menulis data atau informasi dalam tabel Contoh:  Table ALIGN dan WIDTH Perataan horizontal tabel menggunakan atribut ALIGN. ALIGN dapat bernilai LEFT untuk perataan kiri, CENTER untuk perataan di tengah dan RIGHT untuk perataan di kanan. Sedangkan untuk perataan vertikal menggunakan atribut VALIGN. VALIGN dapat bernilai TOP untuk perataan atas, MIDDLE untuk perataan di tengah dan BOTTOM untuk perataan di bawah. Lebar tabel biasanya diatur menggunakan atribut WIDTH. Nilai WIDTH dapat dinyatakan dengan persen (%) yang menyatakan lebar tabel dalam persentase atau dinyatakan dengan pixel yang berarti ukuran sesungguhnya dari tabel. Contoh:  Table CELLSPACING dan CELLPADDING Atribut CELLSPACING digunakan untuk menentukan jumlah spasi yang terdapat di antara dua buah sel. CELLPADDING berfungsi untuk mengatur jumlah spasi yang terdapat di antara batas/border dengan isi atau teks di dalam sel tersebut. Contoh:  Table COLSPAN dan ROWSPAN Atribut COLSPAN digunakan untuk menghubungkan beberapa kolom menjadi satu kolom. Sedangkan ROWSPAN digunakan untuk menggabungkan beberapa baris menjadi satu. Contoh:  Table COLOR Anda bisa memberi warna pada tabel. Selain warna latar belakang, border tabel bisa juga ditentukan warnanya. Untuk latar belakang digunakan atribut BGCOLOR, sedangkan untuk memberi warna pada border gunakan atribut BORDERCOLOR. Contoh: Tabel Element Html : ELEMEN DASAR Jenis Dokumen (terdapat pada awal dan akhir dari file HTML) Judul (harus selalu terdapat pada mukadimah) Mukadimah (Header) (keterangan umum, seperti judul dsb.) Batang Tubuh (isi dari halaman HTML) RANCANGAN STRUKTURAL 1 Kepala (Heading - spesifikasi untuk menetapkan 6 tingkatan kepala) 2 Penataan (Align) Kepala 3 Bagian (Division)

4 Penataan Bagian

5 Kutipan Blok (Block Quote)

(tampilan dengan jeda terhadap batas pinggir) 6 Penekanan (Emphasis) (umumnya huruf miring) 7 Penguatan (Strong Emphasis) (umumnya huruf tebal) 8 Kutipan singkat (Citation) (umumnya huruf miring) 9 Kode (Code - untuk source code listings) 10 Contoh Keluaran (Sample Output) 11 Masukan Papan Ketik (Keyboard Input) 12 Variabel (Variable) 13 Definisi (Definition - jarang dipakai) 14 Alamat Pengarang (Author's Address)

15 Huruf ukuran Besar 16 Huruf Ukuran Kecil FORMAT TAMPILAN 1 Huruf Tebal (Bold) 2 Huruf Miring (Italic) 3 Garis Bawah (Underline - jarang digunakan) 4 Huruf Coret (Strikeout - jarang digunakan) 5 Huruf Coret (Strikeout - jarang digunakan) 6 Huruf Geser Bawah (Subscript) 7 Huruf Geser Atas (Superscript) 8 Huruf Mesin Ketik (Typewriter - huruf berjarak tetap) 9 Pra-format (Preformatted)

(menampilkan dengan jarak pra-format) 10 Jarak Huruf

(mengatur jarak huruf) 11 Rata Tengah

(Center - berlaku untuk teks maupun gambar) 12 Huruf Kedip (Blinking - tag terlucu sampai kini) 13 Ukuran Huruf (Font Size - boleh diisi dari 1 sampai 7) 14 Rubah Ukuran Huruf 15 Basis Ukuran Huruf (boleh diisi 1 sampai 7; ukuran standard/default=3) 16 Warna Huruf 17 Pilih Jenis Huruf 18 Teks Multi Kolom 19 Jarak Batas Kolom (default = 10 pixels) 20 Lebar Kolom 21 Celah (Spacer) 22 Jenis Celah 23 Ukuran Celah 24 Dimensi Celah 25 Penataan Celah ACUAN DAN GRAFIK 1 Acuan pada dokumen tertentu 2 Acuan pada sasaran dalam dokumen (bila terdapat pada dokumen lain) (bila terdapat pada dokumen yang sama) 3 Jendela Sasaran (Target Window) 4 Penamaan sasaran pada dokumen 5 Kaitan(Relationship) (jarang digunakan) 6 Kaitan terbalik (Reverse Relationship) (jarang digunakan) 7 Peragaan Gambar 8 Penataan Letak Gambar 9 Penataan Letak Gambar 10 Alternatif Teks (saat gambar belum/tidak ditampilkan) 11 Daerah Gambar (Imagemap) (membutuhkan program script) 12 Daerah Gambar pihak klien 13 Uraian Daerah Gambar 14 Pembagian Daerah Gambar 15 Dimensi Gambar (in pixels) 16 Garis Batas (dalam satuan pixel) 17 Ruang Pembatas (dalam satuan pixel) 18 Gambar Low-Res Proxy 19 Pemindahan Tarik (Client Pull) 20 Objek Cantum (Embed Object - mencantumkan objek pada dokumen) 21 Ukuran Objek PEMISAH 1 Paragraf (tag penutup seringkali tak diperlukan) 2 Align Text

3 Pndah Baris
(pindah ke baris berikut) 4 Putus Penataan Baris
(Clear Textwrap) 5 Garis Datar

---

(Horizontal Rule) 6 Penataan Letak Garis

---

7 Tebal Garis

---

(dalam satuan pixel) 8 Lebar Garis

---

(dalam satuan pixel) 9 Lebar Garis Persentasi

---

(dalam persentasi terhadap lebar halaman) 10 Garis Pejal

---

(Solid Line - tanpa pola 3D) 11 Tanpa Ganti Baris (No Break - mencegah ganti baris) 12 Sambung Suku Kata (Word Break - letak ganti baris bila diperlukan) DAFTAR 1 Daftar Tanpa Nomor

(Unordered List - Cantumkan

sebelum tiap butir) 2 Kompak

(Compact) 3 Jenis Butiran

(Bullet Type - berlaku umum bagi butir terdaftar)
• (berlaku khusus pada butir ini dan selanjutnya) 4 Daftar Bernomor
  (Ordered List - Cantumkan
• sebelum tiap butir) 5 Kompak
  6 Jenis Penomoran
  (berlaku umum untuk semua butir dalam daftar)
  1. (berlaku khusus pada butir ini dan selanjutnya) 7 Nomor Mulai
     (berlaku umum untuk semua butir dalam daftar)
     1. (berlaku khusus pada butir ini dan selanjutnya) 8 Daftar Definisi
        (Definition List -
        =istilah,
        =uraian) 9 Kompak
        

        10 Daftar Menu
        

        (Cantumkan

        sebelum butir menu) 11 Kompak 12 Daftar Direktori

        (Cantumkan

        sebelum tiap butir direktori) 13 Kompak LATAR BELAKANG DAN WARNA 1 Latar Belakang Gambar (Tiled Background) 2 Warna Latar Belakang (Background Color - urutan: merah/hijau/biru) 3 Warna Huruf Teks 4 Warna Acuan 5 Acuan Lepas Kunjung (Visited Link) 6 Acuan Aktif (Active Link) HURUF SPESIAL(these must all be in lower case) 1 Special Character &#?; (where ? is the ISO 8859-1 code) 2 < < 3 > > 4 & & 5 " " 6 Registered TM ® 7 Copyright © 8 Spasi tak putus   Non-breaking Space FORMULIR 1 Rancangan Formulir

        Define Forms 2 Mengirimkan File

        File Upload 3 Input Field 4 Nama Field 5 Nilai Field 6 Kotak Periksa (checkboxes dan radio boxes) 7 Ukuran Field (dalam satuan jumlah karakter) 8 Panjang Maksimum (dalam satuan karakter) 9 Daftar Pilihan Selection List 10 Nama Daftar Pilihan 11 Jumlah Pilihan 12 Banyak Pilihan (dapat memilih lebih dari satu) 13 Pilihan (butir yang dapat dipilih) 14 Pilihan Default 15 Ukuran Input Box 16 Nama Input Box 17 Rangkuman Teks Wrap Text TABEL 1 Rancangan Tabel 2 Garis Batas Tabel 3 Celah Sel Cell Spacing 4 Penyangga Sel Cell Padding 5 Lebar Tabel (dalam satuan pixel) 6 Lebar Tabel Persentasi (dalam satuan persen terhadap lebar halaman) 7 Baris dalam Tabel 8 Penataan Letak Baris 9 Sel dalam Tabel (harus ada dalam setiap baris tabel) 10 Penataan Letak Sel (Table Header - seperti data dengan Bold dan Center) 18 Penataan Letak Kepala Tabel Caption 26 Penataan Keterangan

        (di atas / di bawah tabel) FRAMES 1 Dokumen dalam Frame (sebagai pengganti ) 2 Tinggi Baris Frame (dalam satuan pixel atau %) 3 Tinggi Baris Frame (* = ukuran relatif) 4 Lebar Kolom Frame (dalam satuan pixel atau %) 5 Lebar Kolom Frame (* = ukuran relatif) 6 Lebar Garis Batas 7 Garis Batas 8 Warna Garis Batas 9 Rancangan Frame (isi dari frame individu) 10 Tampilan Dokumen Frame 11 Nama Frame 12 Lebar Batas (batas kiri dan kanan) 13 Tinggi Batas (batas atas dan bawah) 14 Scrollbar? Memungkinkan scrolling pada frame 15 Ukuran Frame tak bisa diubah 16 Batas Frame 17 Warna Garis Batas 18 Isi tanpa Frame (bagi browser yang tak mampu frame) JAVA 1 Applet 2 Nama File Applet 3 Parameter Applet 4 Sumber Applet 5 Identifier Applet (sebagai rujukan di tempat lain pada halaman sama) 6 Teks Alternatif (untuk browser tanpa kemampuan Java browsers) 7 Penataan Applet 8 Ukuran Applet (in pixels) 9 Celah batas Applet (in pixels) LAIN-LAIN ________________________________________ 1 Komentar <!-- ***

        	11 Tanpa Ganti Baris	12 Rentang Kolom	Columns to span 13 Rentang Baris	Rows to span 14 Lebar Sel	(dalam satuan pixel) 15 Lebar Sel Persentasi	(dalam satuan persen terhadap lebar tabel) 16 Warna Sel	17 Kepala Tabel		19 Tanpa Baris Baru	20 Rentang Kolom	Columns to Span 21 Rentang Baris	Rows to Span 22 Lebar Kepala Tabel	(dalam satuan pixel) 23 Lebar Persentasi	(dalam persentasi terhadap lebar tabel) 24 Warna Kepala Tabel	25 Keterangan Tabel

        (tidak ditampilkan oleh browser) 2 Prolog HTML 3.2 3 Mampu Cari

        ---

        This is a searchable index. Enter search keywords:

        ---

        (indikasi indeks yang dapat dicari-temukan) 4 Prompt

        ---

        ***

        ---

        (teks sebagai prompt) 5 Perintah Cari (gunakan tanda tanya yang sebenarnya) 6 URL dari file ini (harus terletak di header) 7 Nama Dasar Window (harus terletak di header) 8 Kaitan (Relation dan Reverse Relation, harus terletak di header) 9 Informasi Meta (harus terletak di header) 10 Lembar Gaya Penulisan (Style Sheet - belum didukung sepenuhnya) 11 Scripts (belum didukung sepenuhnya) LKS SISWA : Soal Latiahan 1 Essay : Jawablah dengan benar pertanyaan dibawah ini : 1. Apa kepanjangan HTML dan apa kegunaannya. 2. Siapa yang membuat script HTML. 3. Tuliskan struktur dasar dari HTML. 4. Apa fungsi dari tag

-->