23 Maret 2009

PANDUAN RINGKAS HTML

Judul Asli: THE BARE BONES GUIDE TO HTMLoleh Kevin WerbachVersi 3.0 Formatted -- July 21, 1996Alih bahasa Indonesia oleh Kristianto JahjaVersi 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
PENDAHULUAN dan PERKENALAN
Keunikan dari panduan ini
Tag HTML apa saja yang tercakup
Bagimana dokumen ini diformat (termasuk uraian tentang simbol dan singkatan)
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)


          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)


              Copyright ©1995-1997 Kevin Werbach. Redistribusi Non-kommersial diperbolehkan. Panduan ini bukan produk dari Bare Bones Software; kesamaan nama hanyalah kebetulan saja.
              Daftar Isi Daftar TAG Versi teks Kevin's Home Page