++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ P A N D U A N R I N G K A S H T M L Judul asli: THE BARE BONES GUIDE TO HTML oleh Kevin Werbach Version 3.0 -- July 21, 1996 Alih bahasa Indonesia oleh Kristianto Jahja , January 09, 1997 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Dokumen ini tersedia secara permanen di . Panduan Ringkas HTML 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, jadi di sini tidak dibahas rincian cara menggunakannya. Ada banyak panduan HTML rinci di WEB; saya juga menyiapkan berbagai acuan bagi anda yang terdapat di . Segenap saran dan komentar anda akan disambut dengan senang hati, anda dapat menghubungi saya melalui E-mail di . PRAKATA ALIH BAHASA INDONESIA --------------------------------------------------------------------------- Alih bahasa "The Bare Bones Guide to HTML" menjadi "Panduan Ringkas HTML" adalah hasil karya liburan menjelang Natal tahun 1996 dan tahun baru 1997. Meskipun pada umumnya orang Indonesia yang melek Internet juga melek bahasa Inggris, namun saya berharap agar alih bahasa ini dapat memperkaya khazanah bahasa Indonesia di samping memperbanyak populasi masyarakat Internet di Indonesia. Panduan Ringkas ini sangatlah bermanfaat terutama dalam menetapkan pemakaian tag tertentu dalam lembar halaman Web yang anda ciptakan. Saya sendiri telah membuktikannya dan anda dapat pula melihatnya dengan berkunjung ke lembar halaman Web saya di Kedai kopi KAIZEN , yang dalam penyusunannya telah banyak diilhami oleh berbagai petunjuk dalam "The Bare Bones Guide to HTML". Pertanyaan dan komentar dalam bahasa Indonesia dapat diajukan ke Selamat mempelajari. FORMAT DOKUMEN INI --------------------------------------------------------------------------- Dokumen ini tampil prima bila diperagakan dengan huruf monospace. Untuk kejelasan, saya telah memisahkan berbagai atribut tag berbeda yang dapat diterapkan pada baris tag. Umumnya, berbagai atribut tag dapat dikombinasikan untuk diwujudkan pada satu tag. Tag ditulis dengan huruf besar guna kemudahan, meskipun pada dasarnya tag tidak peka terhadap huruf besar-kecil. SIMBOL YANG DIGUNAKAN --------------------------------------------------------------------------- URL URL dari file luar (atau file name saja bila terletak pada direktori yang sama) ? Bilangan apa saja (mis. dapat berarti

,

,

, dst.) % Persentasi apa saja (mis.
dapat berarti
, dsb.) *** Teks apa saja (mis. ALT="***" berarti boleh diisi dengan teks apa saja) $$$$$$ Hex apa saja (mis. BGCOLOR="#$$$$$$" dapat berarti BGCOLOR="#00FF1C", dsb.) ,,, Pembatas koma(mis. COORDS=",,," dapat berarti COORDS="0,0,50,50", dsb.) | Alternatif pilihan (i.e. ALIGN=LEFT|RIGHT|CENTER berarti pilih salah satu yang dikehendaki) KOMPATIBILITAS (ingat, HTML berevolusi dan penerapan browser beragam) --------------------------------------------------------------------------- (tanpa notasi) Spesifikasi HTML 3.2; didukung oleh browser umum masa kini N1.0 Tag perluasan Netscape dari Navigator versi 1.0 N1.1 Tag perluasan Netscape dari Navigator versi 1.1 N2.0 Tag perluasan Netscape dari Navigator versi 2.0 N3.0b Tag perluasan Netscape dari Navigator version 3.0 beta =========================================================================== =========================================================================== ELEMEN DASAR (semua dokumen HTML harus memuatnya) --------------------------------------------------------------------------- Jenis Dokumen (awal dan akhir file HTML) Judul (harus terdapat di mukadimah) Mukadimah (keterangan umum, spt judul dsb.) Batang Tubuh (isi halaman HTML) ANCANGAN STRUKTURAL (tampilan yang tergantung pada browser pemakai) --------------------------------------------------------------------------- Kepala (memiliki 6 tingkatan Heading) Penataan Kepala Bagian
Penataan Bagian
Kutipan Blok
(jeda batas pinggir) Penekanan (umumnya huruf miring) Penguatan (umumnya huruf tebal) Kutipan Singkat (citation, huruf miring) Kode (source code) Contoh keluaran (sample output) Papan ketik (Keyboard input) Variabel Definisi (jarang digunakan) Pengarang
Huruf ukuran besar Huruf ukuran kecil FORMAT TAMPILAN (tampilan yang tergantung pada kehendak penulis) --------------------------------------------------------------------------- Huruf Tebal Huruf Miring N3.0b Garis bawah (jarang digunakan) Huruf Coret (jarang digunakan) N3.0b Huruf Coret (jarang digunakan) Huruf Geser Bawah Huruf Geser Atas Huruf Mesin Ketik (jarak antara tetap) Pra-format
        (jarak huruf pra-format)
         Lebar jarak      
   (dalam jumlah huruf)
       Rata Tengah      
(untuk teks, gambar dan tabel) N1.0 Huruf Kedip (tag yang paling lucu) Ukuran huruf (dari 1-7) Rubah ukuran huruf N1.0 Basis Ukuran Huruf (dari 1-7; default=3) Warna Huruf N3.0b Jenis Huruf N3.0b Multi-Kolom N3.0b Jarak antar Kolom N3.0b Lebar Kolom N3.0b Celah N3.0b Jenis Celah N3.0b Ukuran Celah N3.0b Dimensi Celah N3.0b Penataan Celah ACUAN DAN GRAFIK --------------------------------------------------------------------------- Acuan ke dokumen Acuan Target (bila ada di dokumen lain) (bila ada di dokumen ini) N2.0 Jendela Sasaran Nama Target Peragaan Gambar Penataan Gambar N1.0 Penataan Gambar Alternatif teks *** (saat gambar belum tampil) Dimensi Gambar (dalam pixels) Garis Batas (dalam pixels) Ruang pembatas (dalam pixels) N1.0 Gambar Low-Res Daerah Gambar (perlu program script) Daerah Gambar Uraian Daerah Pembagian Derah N1.1 Pemindahan Tarik N2.0 Objek Cantum (cantumkan object ke dokumen) N2.0 Ukuran Objek PEMISAH --------------------------------------------------------------------------- Paragraf

(tag penutup seringkali tak perlu) Penataan teks

Pindah Baris
(pindah satu baris) Putus penataan baris
Garis Datar
Penataan Garis
Tebal Garis
(dalam pixels) Lebar Garis
(dalam pixels) N1.0 Lebar Garis persen
(persen terhadap lebar halaman) Garis Pejal
(tanpa pola 3D) N1.0 Tanpa Ganti Baris (cegah ganti baris) N1.0 Sambung suku kata (letak ganti baris bila diperlukan) DAFTAR (daftar dapat disusun bertingkat) ---------------------------------------------------------------------------- Tanpa Nomor
(
  • sebelum tiap butir) KompaK
      Jenis butiran
        (berlaku menyeluruh)
      • (butir ini dan seterusnya) Dengan Nomor
        (
      • sebelum tiap butir) Kompak
          Jenis Nomor
            (berlaku menyeluruh)
          1. (butir ini dan seterusnya) Nomor Mulai
              (berlaku menyeluruh)
            1. (butir ini dan seterusnya) Daftar Definisi
              (
              =istilah,
              =uraian) Kompak
              Daftar Menu
            2. (
            3. sebelum tiap butir) Kompak Daftar Direktori
            4. (
            5. sebelum tiap butir) Kompak LATAR BELAKANG DAN WARNA --------------------------------------------------------------------------- L/B Gambar L/B Warna (urutan merah/hijau/biru) Warna Teks Warna Acuan Acuan Lepas Kunjung Acuan Aktif (Info lanjut di ) HURUF SPESIAL (harus ditulis dengan huruf kecil) --------------------------------------------------------------------------- Special Character &#?; (? adalah kode ISO 8859-1) < < > > & & " " Registered TM ® Registered TM ® Copyright © Copyright © Spasi tak putus   Non-Breaking Spc (Daftar lengkap di ) FORMULIR (umumnya membutuhkan program script pada server) --------------------------------------------------------------------------- Rancangan Form
              N2.0 File Upload
              Nama Field Nilai Field Kotak Periksa (kotak periksa dan tombol radio) Ukuran Field (dalam jumlah karakter) Panjang Maksimum (dalam jumlah karakter) Daftar Pilihan Nama Daftar Jumlah Pilihan Pilihan Banyak Nama Box N2.0 Rangkum Teks TABEL --------------------------------------------------------------------------- Rancangan Tabel
              Garis Batas
              (on atau off) Garis Batas
              (penetuan nilai) Celah Sel celah datar Penyangga Sel
              celah vertikal Lebar
              (dalam pixels) Lebar persentasi
              (persentasi halaman) Baris Tabel Penataan Sel Tabel (harus ada di setiap baris tabel) Penataan (seperti data, dengan bold dan center) Penataan Penataan
              Tanpa Ganti Baris Rentang Kolom Rentang Baris N1.1 Lebar Sel (dalam pixels) N1.1 Lebar Persen (persentasi tabel) N3.0b Warna Sel Kepala Tabel Tanpa Ganti baris Rentang Kolom Rentang Baris N1.1 Lebar Sel Kepala (dalam pixels) N1.1 Lebar Persentasi (persentasi tabel) N3.0b Cell Color Keterangan Tabel
              (di atas/di bawah tabel) FRAMES (merumuskan daerah dan kelakuan sebagaian daerah layar) --------------------------------------------------------------------------- N2.0 Dokumen Frame (sebagai ganti ) N2.0 Tinggi Baris (pixels atau %) N2.0 Tinggi baris (* = ukuran relatif) N2.0 Lebar Kolom (pixels atau %) N2.0 Column Widths (* = ukuran relatif) N3.0b Garis Batas N3.0b Lebar Garis N3.0b Warna Garis N2.0 Rancangan Frame (contents of an individual frame) N2.0 Tampilan Dokumen N2.0 Nama Frame N2.0 Lebar Frame (batas kiri dan kanan) N2.0 Tinggi Frame (batas atas dan bawah) N2.0 Scrollbar? N2.0 Frame tak berubah N3.0b Garis Batas N3.0b Warna Batasr N2.0 Isi tanpa Frame (bagi browser tanpa Frame) JAVA --------------------------------------------------------------------------- Applet Name file applet Parameter Sumber Applet Identifier (sebagai rujukan) Teks alternatif (bagi non-Java browsers) Penataan Ukuran (in pixels) Celah batas (in pixels) LAIN-LAIN --------------------------------------------------------------------------- Komentar (tak diperagakan oleh browser) Prolog HTML3.3 Mampu Cari (indikasi index cari-temu) Prompt (teks sebagai prompt) Perintah Cari (gunakan ? sesungguhnya) URL File ini (terdapat di header) N2.0 Nama Window (terdapat di header) Kaitan (pada header) Informasi Meta (terdapat di header) Lembar Gaya Tulis (masih jarang dipakai) Scripts (masih jarang dipakai) =========================================================================== Hak Cipta (c) 1995, 1996 Kevin Werbach. Redistribusi non-komersial diijinkan. Panduan ini bukan produk dari Bare Bones Software, kesamaan nama hanyalah kebetulan. Hubungi penulis untuk informasi lebih lanjut.