assalamualaikum..

Wednesday, August 1, 2012

Panduan HTML


dhi-kreasi.blogspot.com
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)







          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)






            4. Kompak









              Daftar Direktori





            5. (Cantumkan

            6. sebelum tiap butir direktori)






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







              (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

              0 comments:

              Post a Comment


              Berkomentarlah dengan baik :)
              ™ Bukan spam
              ™ Bukan sara
              ™ tukar link sudah saya sediakan pada halaman lain di blog ini
              Tukar Link

               

              // Buku Tamu