Panduan HTML
HTML sangat penting dalam pembentukan suatu web/blog. berikut ini akan saya terangkan sedikit panduan HTML bacalah dengan teliti dan cermat ....
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
Kompak
(Compact)
Jenis Butiran
(Bullet Type - berlaku umum bagi butir terdaftar)
(berlaku khusus pada butir ini dan selanjutnya)
Daftar Bernomor
(Ordered List - Cantumkan
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 -
Kompak
Daftar Menu
(Cantumkan
Kompak
Daftar Direktori
(Cantumkan
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
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
VALIGN=TOP|BOTTOM|MIDDLE>
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
0 comments:
Post a Comment
™
Berkomentarlah dengan baik :)
™ Bukan spam
™ Bukan sara
™ tukar link sudah saya sediakan pada halaman lain di blog ini
Tukar Link