Dasar dasar HTML

Dasar dasar HTML

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 ..

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.
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. sebelum tiap butir)
          Kompak
          Daftar Direktori (
        3. 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

          (butir yang dapat dipilih) Pilihan Default Ukuran Input Box
          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)

  • Tinggalkan Balasan

    Isikan data di bawah atau klik salah satu ikon untuk log in:

    Logo WordPress.com

    You are commenting using your WordPress.com account. Logout / Ubah )

    Gambar Twitter

    You are commenting using your Twitter account. Logout / Ubah )

    Foto Facebook

    You are commenting using your Facebook account. Logout / Ubah )

    Foto Google+

    You are commenting using your Google+ account. Logout / Ubah )

    Connecting to %s

    %d blogger menyukai ini: