PANDUAN RINGKAS HTML

Judul Asli: THE BARE BONES GUIDE TO HTML
oleh Kevin Werbach
Versi 3.0 Formatted -- July 21, 1996
Alih bahasa Indonesia oleh Kristianto Jahja
Versi Bahasa Indonesia -- 23 Desember 1996

---

Versi terakhir dokumen ini terdapat di <http://werbach.com/barebones/>.
Panduan ini memuat semua tag yang dikenali oleh hampir semua browser terkemuka versi terkini. Saya telah memuatkan semua Tag yang terdapat pada Spesifikasi HTML 3.2, demikian juga dengan tag perluasan Netscape yang terdapat pada Netscape Navigator sampai dengan versi 3.0b5. Panduan ini dirancang seringkas mungkin; namun bila dikehendaki informasi rinci lebih lanjut tentang HTML anda dapat mencarinya di WWW Help Page yang saya susun. Segenap saran dan komentar anda akan disambut dengan senang hati.

Daftar Isi

1. PENDAHULUAN dan PERKENALAN
   • Keunikan dari panduan ini
   • Tag HTML apa saja yang tercakup
   • Bagimana dokumen ini diformat (termasuk uraian tentang simbol dan singkatan)
2. TAG HTML
   • Elemen Dasar (semua dokumen HTML harus memuatnya)
   • Ancangan Struktural (tampilan terkendali oleh pilihan browser)
   • Format tampilan (penulis menetapkan tampilan naskah)
   • Acuan (links) dan grafik
   • Pemisah (dividers)
   • Daftar (lists)
   • Latar belakang dan warna
   • Huruf spesial
   • Formulir (forms)
   • Table (tables)
   • Frame
   • Java
   • Lain-lain
   Penting: Bila anda tidak cukup paham tentang perbedaan antara HTML 2.0, HTML 3.0, HTML 3.2, dan Netscape extensions, sebaiknya anda membaca W3C statement tentang perkembangan 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)

ANCANGAN STRUKTURAL
	Kepala		(Heading - spesifikasi untuk menetapkan 6 tingkatan kepala)
	Penataan (Align) Kepala	[*]
	Bagian (Division)
	Penataan Bagian
	Kutipan Blok (Block Quote)	[*]	(tampilan dengan jeda terhadap batas pinggir)
	Penekanan (Emphasis)		(umumnya huruf miring)
	Penguatan (Strong Emphasis)		(umumnya huruf tebal)
	Kutipan singkat (Citation)		(umumnya huruf miring)
	Kode		(Code - untuk source code listings)
	Contoh Keluaran		(Sample Output)
	Masukan Papan Ketik		(Keyboard Input)
	Variabel		(Variable)
	Definisi		(Definition - jarang dipakai)
	Alamat Pengarang (Author's Address)
	Huruf ukuran Besar
	Huruf Ukuran Kecil

FORMAT TAMPILAN
	Huruf Tebal		(Bold)
	Huruf Miring		(Italic)
N3.0b	Garis Bawah		(Underline - jarang digunakan)
	Huruf Coret		(Strikeout - jarang digunakan)
N3.0b	Huruf Coret		(Strikeout - jarang digunakan)
	Huruf Geser Bawah		(Subscript)
	Huruf Geser Atas		(Superscript)
	Huruf Mesin Ketik		(Typewriter - huruf berjarak tetap)
	Pra-format (Preformatted)		(menampilkan dengan jarak pra-format)
	Jarak Huruf		(mengatur jarak huruf)
	Rata Tengah	[*]	(Center - berlaku untuk teks maupun gambar)
N1.0	Huruf Kedip		(Blinking - tag terlucu sampai kini)
	Ukuran Huruf		(Font Size - boleh diisi dari 1 sampai 7)
	Rubah Ukuran Huruf
N1.0	Basis Ukuran Huruf		(boleh diisi 1 sampai 7; ukuran standard/default=3)
	Warna Huruf
N3.0b	Pilih Jenis Huruf
N3.0b	Teks Multi Kolom
N3.0b	Jarak Batas Kolom		(default = 10 pixels)
N3.0b	Lebar Kolom
N3.0b	Celah (Spacer)
N3.0b	Jenis Celah
N3.0b	Ukuran Celah
N3.0b	Dimensi Celah
N3.0b	Penataan Celah

ACUAN DAN GRAFIK
	Acuan pada dokumen tertentu
	Acuan pada sasaran dalam dokumen		(bila terdapat pada dokumen lain)
			(bila terdapat pada dokumen yang sama)
N2.0	Jendela Sasaran (Target Window)
	Penamaan sasaran pada dokumen
	Kaitan(Relationship)		(jarang digunakan)
	Kaitan terbalik (Reverse Relationship)		(jarang digunakan)
	Peragaan Gambar
	Penataan Letak Gambar
N1.0	Penataan Letak Gambar
	Alternatif Teks		(saat gambar belum/tidak ditampilkan)
	Daerah Gambar (Imagemap)		(membutuhkan program script)
	Daerah Gambar pihak klien
	Uraian Daerah Gambar
	Pembagian Daerah Gambar
	Dimensi Gambar		(in pixels)
	Garis Batas		(dalam satuan pixel)
	Ruang Pembatas		(dalam satuan pixel)
N1.0	Gambar Low-Res Proxy
N1.1	Pemindahan Tarik		(Client Pull)
N2.0	Objek Cantum		(Embed Object - mencantumkan objek pada dokumen)
N2.0	Ukuran Objek

PEMISAH
	Paragraf	[*]	(tag penutup seringkali tak diperlukan)
	Align Text	[*]
	Pndah Baris		(pindah ke baris berikut)
	Putus Penataan Baris		(Clear Textwrap)
	Garis Datar		(Horizontal Rule)
	Penataan Letak Garis
	Tebal Garis		(dalam satuan pixel)
	Lebar Garis		(dalam satuan pixel)
N1.0	Lebar Garis Persentasi		(dalam persentasi terhadap lebar halaman)
	Garis Pejal		(Solid Line - tanpa pola 3D)
N1.0	Tanpa Ganti Baris		(No Break - mencegah ganti baris)
N1.0	Sambung Suku Kata		(Word Break - letak ganti baris bila diperlukan)

DAFTAR
	Daftar Tanpa Nomor		(Unordered List - Cantumkan sebelum tiap butir)
	Kompak		(Compact)
	Jenis Butiran		(Bullet Type - berlaku umum bagi butir terdaftar)
			(berlaku khusus pada butir ini dan selanjutnya)
	Daftar Bernomor		(Ordered List - Cantumkan sebelum tiap butir)
	Kompak
	Jenis Penomoran		(berlaku umum untuk semua butir dalam daftar)
			(berlaku khusus pada butir ini dan selanjutnya)
	Nomor Mulai		(berlaku umum untuk semua butir dalam daftar)
			(berlaku khusus pada butir ini dan selanjutnya)
	Daftar Definisi		(Definition List - =istilah, =uraian)
	Kompak
	Daftar Menu		(Cantumkan sebelum butir menu)
	Kompak
	Daftar Direktori		(Cantumkan sebelum tiap butir direktori)
	Kompak

LATAR BELAKANG DAN WARNA
	Latar Belakang Gambar		(Tiled Background)
	Warna Latar Belakang	[*]	(Background Color - urutan: merah/hijau/biru)
	Warna Huruf Teks	[*]
	Warna Acuan	[*]
	Acuan Lepas Kunjung	[*]	(Visited Link)
	Acuan Aktif	[*]	(Active Link)
(Info lanjut di http://werbach.com/web/wwwhelp.html#color)

HURUF SPESIAL(these must all be in lower case)
	Special Character	&#?;	(where ? is the ISO 8859-1 code)
	<	<
	>	>
	&	&
	"	"
	Registered TM	®
	Copyright	©
	Spasi tak putus		Non-breaking Space
(Daftar lengkap huruf khusus terdapat di http://www.uni-passau.de/%7Eramsch/iso8859-1.html)

FORMULIR
	Rancangan Formulir		Define Forms
N2.0	Mengirimkan File		File Upload
	Input Field
	Nama Field
	Nilai Field
	Kotak Periksa		(checkboxes dan radio boxes)
	Ukuran Field		(dalam satuan jumlah karakter)
	Panjang Maksimum		(dalam satuan karakter)
	Daftar Pilihan		Selection List
	Nama Daftar Pilihan
	Jumlah Pilihan
	Banyak Pilihan		(dapat memilih lebih dari satu)
	Pilihan		(butir yang dapat dipilih)
	Pilihan Default
	Ukuran Input Box
	Nama Input Box
N2.0	Rangkuman Teks		Wrap Text

VALIGN=TOP|BOTTOM|MIDDLE>

TABEL
	Rancangan Tabel	[*]
	Garis Batas Tabel
	Celah Sel		Cell Spacing
	Penyangga Sel		Cell Padding
	Lebar Tabel		(dalam satuan pixel)
	Lebar Tabel Persentasi		(dalam satuan persen terhadap lebar halaman)
	Baris dalam Tabel
	Penataan Letak Baris
	Sel dalam Tabel			(harus ada dalam setiap baris tabel)
	Penataan Letak Sel		VALIGN=TOP|BOTTOM|MIDDLE>
	Tanpa Ganti Baris
	Rentang Kolom			Columns to span
	Rentang Baris			Rows to span
N1.1	Lebar Sel			(dalam satuan pixel)
N1.1	Lebar Sel Persentasi			(dalam satuan persen terhadap lebar tabel)
N3.0b	Warna Sel
	Kepala Tabel			(Table Header - seperti data dengan Bold dan Center)
	Penataan Letak Kepala Tabel		VALIGN=TOP|BOTTOM|MIDDLE>
	Tanpa Baris Baru
	Rentang Kolom			Columns to Span
	Rentang Baris			Rows to Span
N1.1	Lebar Kepala Tabel			(dalam satuan pixel)
N1.1	Lebar Persentasi			(dalam persentasi terhadap lebar tabel)
N3.0b	Warna Kepala Tabel
	Keterangan Tabel
Caption
	Penataan Keterangan
(di atas / di bawah tabel)

FRAMES
N2.0	Dokumen dalam Frame		(sebagai pengganti )
N2.0	Tinggi Baris Frame		(dalam satuan pixel atau %)
N2.0	Tinggi Baris Frame		(* = ukuran relatif)
N2.0	Lebar Kolom Frame		(dalam satuan pixel atau %)
N2.0	Lebar Kolom Frame		(* = ukuran relatif)
N3.0b	Lebar Garis Batas
N3.0b	Garis Batas
N3.0b	Warna Garis Batas
N2.0	Rancangan Frame		(isi dari frame individu)
N2.0	Tampilan Dokumen Frame
N2.0	Nama Frame
N2.0	Lebar Batas		(batas kiri dan kanan)
N2.0	Tinggi Batas		(batas atas dan bawah)
N2.0	Scrollbar?		Memungkinkan scrolling pada frame
N2.0	Ukuran Frame tak bisa diubah
N3.0b	Batas Frame
N3.0b	Warna Garis Batas
N2.0	Isi tanpa Frame		(bagi browser yang tak mampu frame)

JAVA
	Applet
	Nama File Applet
	Parameter Applet
	Sumber Applet
	Identifier Applet		(sebagai rujukan di tempat lain pada halaman sama)
	Teks Alternatif		(untuk browser tanpa kemampuan Java browsers)
	Penataan Applet
	Ukuran Applet		(in pixels)
	Celah batas Applet		(in pixels)

LAIN-LAIN
	Komentar		(tidak ditampilkan oleh browser)
	Prolog HTML 3.2	[*]
	Mampu Cari		(indikasi indeks yang dapat dicari-temukan)
	Prompt		(teks sebagai prompt)
	Perintah Cari		(gunakan tanda tanya yang sebenarnya)
	URL dari file ini		(harus terletak di header)
N2.0	Nama Dasar Window		(harus terletak di header)
	Kaitan		(Relation dan Reverse Relation, harus terletak di header)
	Informasi Meta		(harus terletak di header)
	Lembar Gaya Penulisan		(Style Sheet - belum didukung sepenuhnya)
	Scripts		(belum didukung sepenuhnya)