Panduan HTML

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

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




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

---

This is a searchable index. Enter search keywords:

---

(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