Rabu, 29 Januari 2014

Panduan Ringkas HTML

Daftar Isi

  1. PENDAHULUAN dan PERKENALAN
  2. TAG HTML Penting: Bila anda tidak cukup paham tentang perbedaan antara HTML 2.0, HTML 3.0, HTML 3.2, dan Netscape extensions, sebaiknya anda membacaW3C 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.0bGaris Bawah(Underline - jarang digunakan)

Huruf Coret(Strikeout - jarang digunakan)
N3.0bHuruf 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.0Huruf Kedip(Blinking - tag terlucu sampai kini)

Ukuran Huruf(Font Size - boleh diisi dari 1 sampai 7)

Rubah Ukuran Huruf
N1.0Basis Ukuran Huruf(boleh diisi 1 sampai 7; ukuran standard/default=3)

Warna Huruf
N3.0bPilih Jenis Huruf
N3.0bTeks Multi Kolom
N3.0bJarak Batas Kolom(default = 10 pixels)
N3.0bLebar Kolom
N3.0bCelah (Spacer)
N3.0bJenis Celah
N3.0bUkuran Celah
N3.0bDimensi Celah
N3.0bPenataan 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.0Jendela Sasaran (Target Window)

Penamaan sasaran pada dokumen

Kaitan(Relationship)(jarang digunakan)

Kaitan terbalik (Reverse Relationship)(jarang digunakan)

Peragaan Gambar

Penataan Letak Gambar
N1.0Penataan 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.0Gambar Low-Res Proxy
N1.1Pemindahan Tarik(Client Pull)
N2.0Objek Cantum(Embed Object - mencantumkan objek pada dokumen)
N2.0Ukuran 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.0Lebar Garis Persentasi

(dalam persentasi terhadap lebar halaman)

Garis Pejal

(Solid Line - tanpa pola 3D)
N1.0Tanpa Ganti Baris(No Break - mencegah ganti baris)
N1.0Sambung 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)
               
              HURUF SPESIAL(these must all be in lower case)


              Special Character&#?;(where ? is the ISO 8859-1 code)

              <<

              >>

              &&

              ""

              Registered TM®

              Copyright©

              Spasi tak putusNon-breaking Space
              (Daftar lengkap huruf khusus terdapat di http://www.uni-passau.de/%7Eramsch/iso8859-1.html)
               
              FORMULIR


              Rancangan Formulir
              Define Forms
              N2.0Mengirimkan 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 PilihanSelection 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.0Rangkuman TeksWrap Text
               
               

              VALIGN=TOP|BOTTOM|MIDDLE>


















              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 SelVALIGN=TOP|BOTTOM|MIDDLE>

              Tanpa Ganti Baris

              Rentang KolomColumns to span

              Rentang BarisRows to span
              N1.1Lebar Sel(dalam satuan pixel)
              N1.1Lebar Sel Persentasi(dalam satuan persen terhadap lebar tabel)
              N3.0bWarna Sel

              Kepala Tabel(Table Header - seperti data dengan Bold dan Center)

              Penataan Letak Kepala TabelVALIGN=TOP|BOTTOM|MIDDLE>

              Tanpa Baris Baru

              Rentang KolomColumns to Span

              Rentang BarisRows to Span
              N1.1Lebar Kepala Tabel(dalam satuan pixel)
              N1.1Lebar Persentasi(dalam persentasi terhadap lebar tabel)
              N3.0bWarna Kepala Tabel

              Keterangan Tabel
              Caption

              Penataan Keterangan
              (di atas / di bawah tabel)
               
              FRAMES

              N2.0Dokumen dalam Frame(sebagai pengganti )
              N2.0Tinggi Baris Frame(dalam satuan pixel atau %)
              N2.0Tinggi Baris Frame(* = ukuran relatif)
              N2.0Lebar Kolom Frame(dalam satuan pixel atau %)
              N2.0Lebar Kolom Frame(* = ukuran relatif)
              N3.0bLebar Garis Batas
              N3.0bGaris Batas
              N3.0bWarna Garis Batas
              N2.0Rancangan Frame(isi dari frame individu)
              N2.0Tampilan Dokumen Frame
              N2.0Nama Frame
              N2.0Lebar Batas(batas kiri dan kanan)
              N2.0Tinggi Batas(batas atas dan bawah)
              N2.0Scrollbar?Memungkinkan scrolling pada frame
              N2.0Ukuran Frame tak bisa diubah
              N3.0bBatas Frame
              N3.0bWarna Garis Batas
              N2.0Isi 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.0Nama 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)