CLICK HERE FOR BLOGGER TEMPLATES AND MYSPACE LAYOUTS �

Kamis, 26 Maret 2009

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 Krist

Versi terakhir dokumen ini terdapat di .
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
o Keunikan dari panduan ini
o Tag HTML apa saja yang tercakup
o Bagimana dokumen ini diformat (termasuk uraian tentang simbol dan singkatan)
2. TAG HTML
o Elemen Dasar (semua dokumen HTML harus memuatnya)
o Ancangan Struktural (tampilan terkendali oleh pilihan browser)
o Format tampilan (penulis menetapkan tampilan naskah)
o Acuan (links) dan grafik
o Pemisah (dividers)
o Daftar (lists)
o Latar belakang dan warna
o Huruf spesial
o Formulir (forms)
o Table (tables)
o Frame
o Java
o 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)	

            		
          1. 	(berlaku khusus pada butir ini dan selanjutnya)	

            	Nomor Mulai	
              	(berlaku umum untuk semua butir dalam daftar)	

              		
            1. 	(berlaku khusus pada butir ini dan selanjutnya)	

              	Daftar Definisi 	
              	(Definition List - 
              =istilah, 
              =uraian)	

              	Kompak	
              		

              	Daftar Menu	
            2. 	(Cantumkan 
            3.  sebelum butir menu)	

              	Kompak			

              	Daftar Direktori	
            4. 	(Cantumkan 
            5.  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		

              	Nama Input Box		

              N2.0	Rangkuman Teks		Wrap Text

              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		(Table Header - seperti data dengan Bold dan Center)

              	Penataan Letak Kepala Tabel		Caption

              	Penataan Keterangan	
              	

              	
	

              	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	              			

              	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	
              	(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)

              

              

              


              

              

Diposting oleh
DJ_Samy


di
19.22








 




              

              



              

              

              


              


              
0
komentar:
        

              

              

              

              
Posting Komentar

              


              




              

              

              
Langganan:
Posting Komentar (Atom)