Judul Asli: THE BARE BONES GUIDE
TO HTML
oleh Kevin Werbach
Versi 3.0 Formatted -- July 21, 1996
Alih bahasa Indonesia oleh Kristianto Jahja
Versi 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.
HTML adalah bahasa tanda yang digunakan untuk membangun dokumen World Wide Web. Meski spesifikasi HTML resmi telah dikembangkan sejak beberapa tahun, pemakai Web browser dapat mempelajari bahwa ada beberapa tag yang digunakan tak termasuk dalam spesifikasi. Pada saat orang menanyakan tentang daftar dari "seluruh tag HTML yang ada" maka pada dasarnya ia ingin mengetahui tag apa saja yang dapat dicantumkan dalam lembar halaman yang dibuatnya, dengan tingkat kepastian yang wajar sehingga orang yang melihat lembar halaman ciptaannya akan memandang tampilan yang sesuai dengan keinginan penulisnya. Panduan Ringkas HTML (The Bare Bones Guide to HTML) memang dirancang untuk memenuhi kebutuhan ini. Saya telah mencoba untuk mencakup semua tag yang didukung oleh berbagai browser terkemukasaat ini, namun "tak ada gading yang tak retak", masih saja terdapat nuansa yang membuat upaya ini belum mencapai tingkat kepastian tersebut.
Lembaga resmi HTML adalah World Wide Web Consortium (W3C), yang bekerja sama dengan Internet Engineering Task Force (IETF). W3C telah menerbitkan beberapa versi spesifikasi HTML, termasuk HTML 2.0, HTML 3.0, dan yang mutakhir adalah HTML 3.2. Namun pada saat yang sama, pencipta browser, seperti Netscape dan Microsoft, seringkali juga telah mengembangkan berbagai tag "perluasan" bagi HTML mereka, di luar proses standard, serta menerapkannya dalam browser mereka. Pada kasus tertentu seperti tag <CENTER> dari Netscape, tag perluasan ini telah menjadi standard de facto yang diterapkan oleh banyak pencipta browser lainnya.
HTML 2.0, yang merupakan kodifikasi keadaan HTML pada bulan Juni 1994, telah menjadi basis standard bagi banyak browser hari ini -- termasuk browser dengan basis teks -- yang harus didukung. HTML 2.0 mencerminkan konsepsi awal dari HTML sebagai bahasa tanda yang tak tergantung pada jenis perangkat penerima, guna menampilkan organisasi dari informasi, dan bukan sekedar menspesifikasikan secara tepat bagaimana lembar halaman harus ditampilkan di WWW. Bila anda menghendaki kepastian agar semua orang dapat melihat semua yang terdapat pada lembar halaman ciptaan anda maka sebaiknya anda hanya menggunakan aturan tag menurut HTML 2.0 saja.
draf HTML 3.0, yang diterbitkan pada tahun 1995, berusaha untuk membangun lebih lanjut HTML 2.0 dengan penambahan kemampuan seperti tabel dan pengendalian aliran teks disekeliling gambar. Meski berbagai kemampuan HTML 3.0 ini telah diterapkan oleh pengembang browser, namun banyak pula yang tidak. Pada berbagai kasus, pendekatan lain yang justru diterapkan oleh pengembang browser justru menjadi lebih populer daripada tag "resmi". Draf HTML 3.0 sekarang telah kedaluwarsa, dan oleh karenanya gugur dan tidak lagi diakui sebagai standard resmi.
Pada bulan Mei 1996, W3C menerbitkan darf HTML 3.2, yang dirancang untuk mengakomodasikan dan membakukan berbagai praktek yang banyak digunakan dan diterima secara umum. Oleh karena itu, HTML 3.2 mencakup tag dari HTML 3.0 yang diterapkan oleh pengembang browser besar browser seperti Netscape dan Microsoft, begitu pula berbagai tag perluasan HTML yang sudah diterima secara umum. Dalam naskah Pernyataan Keberpihakan tentang HTML, W3C menganjurkan agar penyedia informasi menerapkan spesifikasi menurut HTML 3.2 . Oleh karena itu, versi 3.0 dari panduan Ringkas HTML ini mencakup semua tag HTML 3.2 . Versi sekarang dari berbagai browser terkemukapada umumnya mendukung semua atau hampir semua tag tersebut.
Masih saja ada beberapa tag HTML perluasan Netscape serta Microsoft yang belum menjadi bagian dari draf HTML 3.2, mungkin karena tidak terlalu umum pemakaiannya atau karena diterapkan setelah spesifikasi HTML 3.2 diterbitkan. Karena Netscape Navigator adalah pihak yang paling dini yang menjadi pendukung sifat HTML 3.0 , di samping itu Netscape mengendalikan sekitar 70% dari pasaran browser, banyak orang telah salah menafsirkan bahwa semua tag perluasan Netscape (termasuk tag seperti <BLINK> dan kemampuan Frame) sebagai bagian dari HTML 3.0 atau bahkan HTML 3.2.
Dalam memutuskan pemakaian tag yang tercatat sebagai tag perluasan dari Netscape atau Microsoft, hendaknya diingat bahwa orang yang menggunakan browser lain mungkin tak dapat melihat lembar halaman anda seperti yang anda kehendaki. Anda hendaknya mempertimbangkan bahwa tak ada jaminan terhadap tag non-standard ini pada suatu saat akan didukung oleh browser masa depan. Jadi, terserah anda apakah akan menerapkan tag perluasan Netscape atau Microsoft. Banyak orang yang memiliki kecenderungan dan pandangan kuat tentang pemakaian tag perluasan yang tak tercakup dalam standard HTML resmi. Menurut saya, selama anda memahami perbedaan serta konsekuensinya, anda boleh saja menerapakan apa yang dianggap terbaik buat anda serta pengunjung lembar halaman anda. Panduan Ringkas HTML mencerminkan pendekatan ini. Panduan ini bukanlah spesifikasi resmi semata, namun lebih dimaksudkan untuk memberikan gagasan bagi anda tentang tag mana yang diterapkan secara luas dan tag mana yang sesuai terhadap standard yang ada.
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.
Banyak orang yang telah menyusun panduan HTML yang baik dan dipublikasikan di Web -- jadi, siapa yang membutuhkan panduan lain?
Dokumen ini dirancang untuk melayani kelompok penmbaca tertentu. Dokumen ini dirancang sebagai "kertas contekan" yang baik, yang dapat anda gunakan untuk melihat bentuk dan tag yang benar selagi anda menyusun lembar halaman pada Web. Panduan HTML yang lain menyediakan uraian yang lebih rinci tentang bagaimana menggunakan tag tertentu atau bagaimana cara kerja HTML pada umumnya. Bila anda adalah pemula dalam bidang HTML, sebaiknya anda membaca panduan tersebut lebih dahulu agar tidak menjadi rancu.
Ada pula beberapa panduan gaya penulisan (style) yang mengarahkan anda menulis lebar halaman agar terlihat indah dan bekerja untuk berbagai jenis browser. Saya menyarankan agar anda membacanya bila anda serius akan merencanakan lembar halaman pada Web; terlalu banyak orang yang mengabaikan pemikiran bahwa lembar halaman ciptaan mereka akan dibaca oleh orang lain dan untuk itu selalu ada cara dalam menampilkannya secara lebih baik atau lebih buruk.
WWW Help Page yang saya susun memiliki acuan ke berbagai tempat yang menyediakan informasi tentang HTML dan rancangan lembar halaman Web. Tempat-tempat acuan ini merupakan tempat yang baik bagi pemula terutama bila anda memiliki pertanyaan tertentu yang lebih luas daripada sekedar informasi yang terdapat pada "panduan Ringkas" di sini.
Panduan ini dirancang bagi mereka yang sudah cukup mamahami HTML dan tak membutuhkan instruksi langkah demi langkah, namun mereka tidak atau belum mampu mengingat format yang tepat dari semua tag HTML. Bila anda membutuhkan "Rujukan Cepat", di mana anda dapat segera menemukan yang anda cari tanpa harus mengikuti uraian selengkapnya berbagai keterangan tambahan, maka panduan ini memang ditujukan bagi anda.
Aspek lain yang unik dari panduan ini adalah cakupannya. Panduan Ringkas HTML dimaksudkan untuk mencakup semua tag yang umum digunakan di lembar halaman web pada masa kini. Khususnya, panduan ini mencakup:
Pengembangan dari HTML memang merupakan proses yang rancu yaitu mencoba membakukan standard secara formal terhadap apa yang terjadi di pasaran di mana perubahan bisa terjadi setiap saat. World Wide Web Consortium (W3C) adalah lembaga standard resmi bagi HTML. Pada bulan Mei 1996, W3C menerbitkan naskah draf HTML 3.2 , merupakan upaya untuk mendokumentasikan dan membakukan praktek yang diterima secara umum pada saat itu.
Pada Pernyataan keberpihakan HTML, W3C menganjurkan agar para penyedia informasi menerapkan spesifikasi HTML 3.2 . Oleh karena itu, Panduan Ringkas HTML versi 3.0 mencakup semua tag HTML 3.2 , yang pada awalnya mungkin diperkenalkan sebagai bagian dari HTML 2.0 atau usulan HTML 3.0 , maupun tag perluasan Netscape bagi HTML. Jadi untuk versi ini, diharapkan semua browser terkemuka dapat mendukung semua tag tersebut.
Saya juga telah memuat semua tag Netscape yang diperkenalkan oleh Netscape Navigator sampai versi 3.0b5, dengan pengecualian pada beberapa tag interaksi server seperti animasi dorongan server. Beberapa dari tag perluasan tersebut tak dapat dijamin menampilkan sebagaimana mestinya bila orang lain melihat lembar halaman anda dengan browser lain, jadi anda sebaiknya mempertimbangkan pemirsa anda sebelum anda memutuskan untuk menggunakan tag tertentu.
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.
URL URL dari file luar (atau file name saja bila terletak pada directori yang sama) ? Bilangan apa saja (mis. <H?> dapat berarti <H1>, <H2>, <H3>, dst.) % Persentasi apa saja (mis. <hr align=left width="%"> dapat berarti <hr align=left width="50%">, 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) [*] Acuan untuk keterangan tambahan
ELEMEN DASAR | |||
---|---|---|---|
|
Jenis Dokumen |
<HTML></HTML> |
(terdapat pada awal dan akhir dari file HTML) |
|
Judul |
<TITLE></TITLE> |
(harus selalu terdapat pada mukadimah) |
|
Mukadimah (Header) |
<HEAD></HEAD> |
(keterangan umum, seperti judul dsb.) |
|
Batang Tubuh |
<BODY></BODY> |
(isi dari halaman HTML) |
ANCANGAN STRUKTURAL | |||
---|---|---|---|
|
Kepala |
<H?></H?> |
(Heading - spesifikasi untuk menetapkan 6 tingkatan kepala) |
|
Penataan (Align) Kepala |
<H? ALIGN=LEFT|CENTER|RIGHT></H?> [*] |
|
|
Bagian (Division) |
<DIV></DIV> |
|
|
Penataan Bagian |
<DIV ALIGN=LEFT|RIGHT|CENTER></DIV> |
|
|
Kutipan Blok (Block Quote) |
<BLOCKQUOTE></BLOCKQUOTE> [*] |
(tampilan dengan jeda terhadap batas pinggir) |
|
Penekanan (Emphasis) |
<EM></EM> |
(umumnya huruf miring) |
|
Penguatan (Strong Emphasis) |
<STRONG></STRONG> |
(umumnya huruf tebal) |
|
Kutipan singkat (Citation) |
<CITE></CITE> |
(umumnya huruf miring) |
|
Kode |
<CODE></CODE> |
(Code - untuk source code listings) |
|
Contoh Keluaran |
<SAMP></SAMP> |
(Sample Output) |
|
Masukan Papan Ketik |
<KBD></KBD> |
(Keyboard Input) |
|
Variabel |
<VAR></VAR> |
(Variable) |
|
Definisi |
<DFN></DFN> |
(Definition - jarang dipakai) |
|
Alamat Pengarang (Author's Address) |
<ADDRESS></ADDRESS> |
|
|
Huruf ukuran Besar |
<BIG></BIG> |
|
|
Huruf Ukuran Kecil |
<SMALL></SMALL> |
|
FORMAT TAMPILAN | |||
---|---|---|---|
|
Huruf Tebal |
<B></B> |
(Bold) |
|
Huruf Miring |
<I></I> |
(Italic) |
N3.0b |
Garis Bawah |
<U></U> |
(Underline - jarang digunakan) |
|
Huruf Coret |
<STRIKE></STRIKE> |
(Strikeout - jarang digunakan) |
N3.0b |
Huruf Coret |
<S></S> |
(Strikeout - jarang digunakan) |
|
Huruf Geser Bawah |
<SUB></SUB> |
(Subscript) |
|
Huruf Geser Atas |
<SUP></SUP> |
(Superscript) |
|
Huruf Mesin Ketik |
<TT></TT> |
(Typewriter - huruf berjarak tetap) |
|
Pra-format (Preformatted) |
<PRE></PRE> |
(menampilkan dengan jarak pra-format) |
|
Jarak Huruf |
<PRE WIDTH=?></PRE> |
(mengatur jarak huruf) |
|
Rata Tengah |
<CENTER></CENTER> [*] |
(Center - berlaku untuk teks maupun gambar) |
N1.0 |
Huruf Kedip |
<BLINK></BLINK> |
(Blinking - tag terlucu sampai kini) |
|
Ukuran Huruf |
<FONT SIZE=?></FONT> |
(Font Size - boleh diisi dari 1 sampai 7) |
|
Rubah Ukuran Huruf |
<FONT SIZE="+|-?"></FONT> |
|
N1.0 |
Basis Ukuran Huruf |
<BASEFONT SIZE=?> |
(boleh diisi 1 sampai 7; ukuran standard/default=3) |
|
Warna Huruf |
<FONT COLOR="#$$$$$$"></FONT> |
|
N3.0b |
Pilih Jenis Huruf |
<FONT FACE="***"></FONT> |
|
N3.0b |
Teks Multi Kolom |
<MULTICOL COLS=?></MULTICOL> |
|
N3.0b |
Jarak Batas Kolom |
<MULTICOL GUTTER=?></MULTICOL> |
(default = 10 pixels) |
N3.0b |
Lebar Kolom |
<MULTICOL WIDTH=?></MULTICOL> |
|
N3.0b |
Celah (Spacer) |
<SPACER> |
|
N3.0b |
Jenis Celah |
<SPACER TYPE=horizontal| vertical|block> |
|
N3.0b |
Ukuran Celah |
<SPACER SIZE=?> |
|
N3.0b |
Dimensi Celah |
<SPACER WIDTH=? HEIGHT=?> |
|
N3.0b |
Penataan Celah |
<SPACER ALIGN=left|right|center> |
|
ACUAN DAN GRAFIK | |||
---|---|---|---|
|
Acuan pada dokumen tertentu |
<A HREF="URL"></A> |
|
|
Acuan pada sasaran dalam dokumen |
<A HREF="URL#***"></A> |
(bila terdapat pada dokumen lain) |
<A HREF="#***"></A> |
(bila terdapat pada dokumen yang sama) | ||
N2.0 |
Jendela Sasaran (Target Window) |
<A HREF="URL" TARGET="***| |_blank|_self|_parent|_top"></A> |
|
|
Penamaan sasaran pada dokumen |
<A NAME="***"></A> |
|
|
Kaitan(Relationship) |
<A REL="***"></A> |
(jarang digunakan) |
|
Kaitan terbalik (Reverse Relationship) |
<A REV="***"></A> |
(jarang digunakan) |
|
Peragaan Gambar |
<IMG SRC="URL"> |
|
|
Penataan Letak Gambar |
<IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT> |
|
N1.0 |
Penataan Letak Gambar |
<IMG SRC="URL" ALIGN=TEXTTOP| ABSMIDDLE|BASELINE|ABSBOTTOM> |
|
|
Alternatif Teks |
<IMG SRC="URL" ALT="***"> |
(saat gambar belum/tidak ditampilkan) |
|
Daerah Gambar (Imagemap) |
<IMG SRC="URL" ISMAP> |
(membutuhkan program script) |
|
Daerah Gambar pihak klien |
<IMG SRC="URL" USEMAP="URL"> |
|
|
Uraian Daerah Gambar |
<MAP NAME="***"></MAP> |
|
|
Pembagian Daerah Gambar |
<AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF> |
|
|
Dimensi Gambar |
<IMG SRC="URL" WIDTH=? HEIGHT=?> |
(in pixels) |
|
Garis Batas |
<IMG SRC="URL" BORDER=?> |
(dalam satuan pixel) |
|
Ruang Pembatas |
<IMG SRC="URL" HSPACE=? VSPACE=?> |
(dalam satuan pixel) |
N1.0 |
Gambar Low-Res Proxy |
<IMG SRC="URL" LOWSRC="URL"> |
|
N1.1 |
Pemindahan Tarik |
<META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL"> |
(Client Pull) |
N2.0 |
Objek Cantum |
<EMBED SRC="URL"> |
(Embed Object - mencantumkan objek pada dokumen) |
N2.0 |
Ukuran Objek |
<EMBED SRC="URL" WIDTH=? HEIGHT=?> |
|
PEMISAH | |||
---|---|---|---|
|
Paragraf |
<P></P> [*] |
(tag penutup seringkali tak diperlukan) |
|
Align Text |
<P ALIGN=LEFT|CENTER|RIGHT></P> [*] |
|
|
Pndah Baris |
<BR> |
(pindah ke baris berikut) |
|
Putus Penataan Baris |
<BR CLEAR=LEFT|RIGHT|ALL> |
(Clear Textwrap) |
|
Garis Datar |
<HR> |
(Horizontal Rule) |
|
Penataan Letak Garis |
<HR ALIGN=LEFT|RIGHT|CENTER> |
|
|
Tebal Garis |
<HR SIZE=?> |
(dalam satuan pixel) |
|
Lebar Garis |
<HR WIDTH=?> |
(dalam satuan pixel) |
N1.0 |
Lebar Garis Persentasi |
<HR WIDTH="%"> |
(dalam persentasi terhadap lebar halaman) |
|
Garis Pejal |
<HR NOSHADE> |
(Solid Line - tanpa pola 3D) |
N1.0 |
Tanpa Ganti Baris |
<NOBR></NOBR> |
(No Break - mencegah ganti baris) |
N1.0 |
Sambung Suku Kata |
<WBR> |
(Word Break - letak ganti baris bila diperlukan) |
DAFTAR |
| |||
---|---|---|---|---|
|
Daftar Tanpa Nomor |
<UL><LI></UL> |
(Unordered List - Cantumkan <LI> sebelum tiap butir) |
|
|
Kompak |
<UL COMPACT></UL> |
(Compact) | |
|
Jenis Butiran |
<UL TYPE=DISC|CIRCLE|SQUARE> |
(Bullet Type - berlaku umum bagi butir terdaftar) |
|
<LI TYPE=DISC|CIRCLE|SQUARE> |
(berlaku khusus pada butir ini dan selanjutnya) |
| ||
|
Daftar Bernomor |
<OL><LI></OL> |
(Ordered List - Cantumkan <LI> sebelum tiap butir) |
|
|
Kompak |
<OL COMPACT></OL> |
| |
|
Jenis Penomoran |
<OL TYPE=A|a|I|i|1> |
(berlaku umum untuk semua butir dalam daftar) |
|
<LI TYPE=A|a|I|i|1> |
(berlaku khusus pada butir ini dan selanjutnya) |
| ||
|
Nomor Mulai |
<OL START=?> |
(berlaku umum untuk semua butir dalam daftar) |
|
<LI VALUE=?> |
(berlaku khusus pada butir ini dan selanjutnya) |
| ||
|
Daftar Definisi |
<DL><DT><DD></DL> |
(Definition List - <DT>=istilah, <DD>=uraian) |
|
|
Kompak |
<DL COMPACT></DL> |
| |
|
Daftar Menu |
<MENU><LI></MENU> |
(Cantumkan <LI> sebelum butir menu) |
|
|
Kompak |
<MENU COMPACT></MENU> |
| |
|
Daftar Direktori |
<DIR><LI></DIR> |
(Cantumkan <LI> sebelum tiap butir direktori) |
|
|
Kompak |
<DIR COMPACT></DIR> |
|
LATAR BELAKANG DAN WARNA | |||
---|---|---|---|
|
Latar Belakang Gambar |
<BODY BACKGROUND="URL"> |
(Tiled Background) |
|
Warna Latar Belakang |
<BODY BGCOLOR="#$$$$$$"> [*] |
(Background Color - urutan: merah/hijau/biru) |
|
Warna Huruf Teks |
<BODY TEXT="#$$$$$$"> [*] |
|
|
Warna Acuan |
<BODY LINK="#$$$$$$"> [*] |
|
|
Acuan Lepas Kunjung |
<BODY VLINK="#$$$$$$"> [*] |
(Visited Link) |
|
Acuan Aktif |
<BODY ALINK="#$$$$$$"> [*] |
(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 |
<FORM ACTION="URL" METHOD=GET|POST></FORM> |
Define Forms |
N2.0 |
Mengirimkan File |
<FORM ENCTYPE="multipart/form-data"></FORM> |
File Upload |
|
Input Field |
<INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO| IMAGE|HIDDEN|SUBMIT|RESET"> |
|
|
Nama Field |
<INPUT NAME="***"> |
|
|
Nilai Field |
<INPUT VALUE="***"> |
|
|
Kotak Periksa |
<INPUT CHECKED> |
(checkboxes dan radio boxes) |
|
Ukuran Field |
<INPUT SIZE=?> |
(dalam satuan jumlah karakter) |
|
Panjang Maksimum |
<INPUT MAXLENGTH=?> |
(dalam satuan karakter) |
|
Daftar Pilihan |
<SELECT></SELECT> |
Selection List |
|
Nama Daftar Pilihan |
<SELECT NAME="***"></SELECT> |
|
|
Jumlah Pilihan |
<SELECT SIZE=?></SELECT> |
|
|
Banyak Pilihan |
<SELECT MULTIPLE> |
(dapat memilih lebih dari satu) |
|
Pilihan |
<OPTION> |
(butir yang dapat dipilih) |
|
Pilihan Default |
<OPTION SELECTED> |
|
|
Ukuran Input Box |
<TEXTAREA ROWS=? COLS=?></TEXTAREA> |
|
|
Nama Input Box |
<TEXTAREA NAME="***"></TEXTAREA> |
|
N2.0 |
Rangkuman Teks |
<TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA> |
Wrap Text |
TABEL | |||
---|---|---|---|
|
Rancangan Tabel |
<TABLE></TABLE> [*] |
|
|
Garis Batas Tabel |
<TABLE BORDER=?></TABLE> |
|
|
Celah Sel |
<TABLE CELLSPACING=?> |
Cell Spacing |
|
Penyangga Sel |
<TABLE CELLPADDING=?> |
Cell Padding |
|
Lebar Tabel |
<TABLE WIDTH=?> |
(dalam satuan pixel) |
|
Lebar Tabel Persentasi |
<TABLE WIDTH="%"> |
(dalam satuan persen terhadap lebar halaman) |
|
Baris dalam Tabel |
<TR></TR> |
|
|
Penataan Letak Baris |
<TR ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM |
|
|
Sel dalam Tabel |
<TD></TD> |
(harus ada dalam setiap baris tabel) |
|
Penataan Letak Sel |
<TD ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM |
|
|
Tanpa Ganti Baris |
<TD NOWRAP> |
|
|
Rentang Kolom |
<TD COLSPAN=?> |
Columns to span |
|
Rentang Baris |
<TD ROWSPAN=?> |
Rows to span |
N1.1 |
Lebar Sel |
<TD WIDTH=?> |
(dalam satuan pixel) |
N1.1 |
Lebar Sel Persentasi |
<TD WIDTH="%"> |
(dalam satuan persen terhadap lebar tabel) |
N3.0b |
Warna Sel |
<TD BGCOLOR="#$$$$$$"> |
|
|
Kepala Tabel |
<TH></TH> |
(Table Header - seperti data dengan Bold dan Center) |
|
Penataan Letak Kepala Tabel |
<TH ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM |
|
|
Tanpa Baris Baru |
<TH NOWRAP> |
|
|
Rentang Kolom |
<TH COLSPAN=?> |
Columns to Span |
|
Rentang Baris |
<TH ROWSPAN=?> |
Rows to Span |
N1.1 |
Lebar Kepala Tabel |
<TH WIDTH=?> |
(dalam satuan pixel) |
N1.1 |
Lebar Persentasi |
<TH WIDTH="%"> |
(dalam persentasi terhadap lebar tabel) |
N3.0b |
Warna Kepala Tabel |
<TH BGCOLOR="#$$$$$$"> |
|
|
Keterangan Tabel |
<CAPTION></CAPTION> |
Caption |
|
Penataan Keterangan |
<CAPTION ALIGN=TOP|BOTTOM> |
(di atas / di bawah tabel) |
FRAMES | |||
---|---|---|---|
N2.0 |
Dokumen dalam Frame |
<FRAMESET></FRAMESET> |
(sebagai pengganti <BODY>) |
N2.0 |
Tinggi Baris Frame |
<FRAMESET ROWS=,,,></FRAMESET> |
(dalam satuan pixel atau %) |
N2.0 |
Tinggi Baris Frame |
<FRAMESET ROWS=*></FRAMESET> |
(* = ukuran relatif) |
N2.0 |
Lebar Kolom Frame |
<FRAMESET COLS=,,,></FRAMESET> |
(dalam satuan pixel atau %) |
N2.0 |
Lebar Kolom Frame |
<FRAMESET COLS=*></FRAMESET> |
(* = ukuran relatif) |
N3.0b |
Lebar Garis Batas |
<FRAMESET BORDER=?> |
|
N3.0b |
Garis Batas |
<FRAMESET FRAMEBORDER="yes|no"> |
|
N3.0b |
Warna Garis Batas |
<FRAMESET BORDERCOLOR="#$$$$$$"> |
|
N2.0 |
Rancangan Frame |
<FRAME> |
(isi dari frame individu) |
N2.0 |
Tampilan Dokumen Frame |
<FRAME SRC="URL"> |
|
N2.0 |
Nama Frame |
<FRAME NAME="***"|_blank|_self| _parent|_top> |
|
N2.0 |
Lebar Batas |
<FRAME MARGINWIDTH=?> |
(batas kiri dan kanan) |
N2.0 |
Tinggi Batas |
<FRAME MARGINHEIGHT=?> |
(batas atas dan bawah) |
N2.0 |
Scrollbar? |
<FRAME SCROLLING="YES|NO|AUTO"> |
Memungkinkan scrolling pada frame |
N2.0 |
Ukuran Frame tak bisa diubah |
<FRAME NORESIZE> |
|
N3.0b |
Batas Frame |
<FRAME FRAMEBORDER="yes|no"> |
|
N3.0b |
Warna Garis Batas |
<FRAME BORDERCOLOR="#$$$$$$"> |
|
N2.0 |
Isi tanpa Frame |
<NOFRAMES></NOFRAMES> |
(bagi browser yang tak mampu frame) |
JAVA | |||
---|---|---|---|
|
Applet |
<APPLET></APPLET> |
|
|
Nama File Applet |
<APPLET CODE="***"> |
|
|
Parameter Applet |
<APPLET PARAM NAME="***"> |
|
|
Sumber Applet |
<APPLET CODEBASE="URL"> |
|
|
Identifier Applet |
<APPLET NAME="***"> |
(sebagai rujukan di tempat lain pada halaman sama) |
|
Teks Alternatif |
<APPLET ALT="***"> |
(untuk browser tanpa kemampuan Java browsers) |
|
Penataan Applet |
<APPLET ALIGN="LEFT|RIGHT|CENTER"> |
|
|
Ukuran Applet |
<APPLET WIDTH=? HEIGHT=?> |
(in pixels) |
|
Celah batas Applet |
<APPLET HSPACE=? VSPACE=?> |
(in pixels) |
LAIN-LAIN | |||
---|---|---|---|
|
Komentar |
<!-- *** --> |
(tidak ditampilkan oleh browser) |
|
Prolog HTML 3.2 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> [*] |
|
|
Mampu Cari |
<ISINDEX> |
(indikasi indeks yang dapat dicari-temukan) |
|
Prompt |
<ISINDEX PROMPT="***"> |
(teks sebagai prompt) |
|
Perintah Cari |
<A HREF="URL?***"></a> |
(gunakan tanda tanya yang sebenarnya) |
|
URL dari file ini |
<BASE HREF="URL"> |
(harus terletak di header) |
N2.0 |
Nama Dasar Window |
<BASE TARGET="***"> |
(harus terletak di header) |
|
Kaitan |
<LINK REV="***" REL="***" HREF="URL"> |
(Relation dan Reverse Relation, harus terletak di header) |
|
Informasi Meta |
<META> |
(harus terletak di header) |
|
Lembar Gaya Penulisan |
<STYLE></STYLE> |
(Style Sheet - belum didukung sepenuhnya) |
|
Scripts |
<SCRIPT></SCRIPT> |
(belum didukung sepenuhnya) |
Butir Prolog seharusnya terletak pada bagian paling awal dari file anda. Namun prolog pada dasarnya tidaklah dibutuhkan oleh browser dalam mengenali dokumen HTML,meskipun prolog dapat menyediakan informasi bagi browser maupun pembaca tentang aspek tag HTML yang diterapkan. Penerapan sintaksis dari prolog beragam tergantung dari versi HTML DTD (Document Type Definition, rumusan jenis dokumen) yang digunakan. Saya menyertakan keterangan penggunaan prolog sesuai dengan HTML 3.2; jangan gunakan tag ini bila anda memakai tag perluasan Netscape atau Microsoft.
Spesifikasi HTML yang mutakhir menganjurkan agar kita menghindari penggunaan tag <XMP> , karena hal ini mengakibatkan "sejumlah kegagalan interaksi terkait dengan teknik pemrosesan dan cenderung diterapkan secara rancu." Tag <PRE> dapat digunakan sebagai penggantinya.
Penampilan yang dianjurkan pada tag <BLOCKQUOTE> adalah pergeseran terhadap batas kiri dan kanan, tag ini seringkali digunakan untuk menghasilkan pergeseran tersebut(di mana HTML 2.0 tidak mendukungnya secara langsung) dan bukan untuk material kutipan. Hendaknya disadari bahwa tidak semua browser menampilkan tag ini dengan cara tersebut, meskipun dengan berlalunya waktu makin banyak browser yang mengikuti aturan tersebut.
Draf HTML 3.2 mendukung atribut penataan bagi tag paragraf maupun tag kepala (header), di samping juga tag mandiri <CENTER> yang pada awalnya dikemnbangkan oleh Netscape. Pada saat ini, keadaan yang membutuhkan tag <CENTER> adalah keadaan di mana perlu (seperti penataan tengah pada tabel di Netscape Navigator), namun tag browser tidak memiliki atribut penataan.
Masalah terbesar pada tag <CENTER> adalah bahwa tag ini menerapkan ganti paragraf pada batas dimana penataan tengah diterapkan, namun bagi browser yang tak mengenal tag <CENTER> akan mengabaikannya begitu saja (termasuk pengabaian ganti paragraf) sehingga bentuk dokumen menjadi rancu dan tak sesuai dengan kehendak penulisnya. Dengan makin banyaknya browser yang menerapkan atribut penataan pada tag dengan menggunakan tanda <P ALIGN=CENTER></P> maka teknik ini lebih baik daripada tag <CENTER> yang tidak terlalu baku.
Kebanyakan tag HTML bersifat sebagai "berpasangan/kontainer;" yang memiliki tag awal/pembuka dan tag akhir/penutup, dengan teks yang terdapat diantaranya (misalnya <B>Ini adalah huruf tebal</B>). Sebaliknya, tag <P>, pada awalnya diterapkan sebagai tag mandiri yang menandai ruang antara dua baris paragraf. Masalah pada pendekatan ini adalah kesulitan memasang atribut penataan (center, rata kiri, rata kanan)pada tag tersebut. Hal ini terjadi karena tidak ada kejelasan tag pembuka dan tag penutup bagi penerapan tag tersebut yang membatasi daerah penataan. Selanjutnya, draf usulan HTML 3.0 sejak awal merumuskan tag <P> sebagai tag kontainer, sehingga paragraf dapat dirumuskan dengan tag berpasangan: pembuka <P> dan tag penutup </P>, dimana tag pembuka <P> dapat dimuati dengan atribut penataan. Sementara itu, tag penutup </P> dapat saja diabaikan bila anda tidak menerapkan atribut penataan pada tag pembuka, namun dengan menerapkannya anda telah menuliskan dokumen sumber HTML secara lebih tuntas dan jelas.
Nilai warna ditulis dalam bentuk tiga serangkai bilangan hexadecimal yang secara berurutan menyatakan nilai warna merah, hijau, dan biru. Pada WWW Help Page , saya merancang bagian yang memuat berbagai acuan kepada sumber program aneka-guna (utilities)yang dapat menampilkan warna yang tercipta dari kombinasi rangkaian bilangan tersebut.
Masih ada perdebatan dan diskusi tentang tag untuk tabel, terutama yang berkaitan dengan pengembang Netscape yang menerapkan metode membolehkan lebar tabel dan kolom ditentukan berdasarkan persentasi sebagai alternatif terhadap penetuan lebar berdasarkan satuan absolut pixel. Pada dasarnya penerapan tabel pada saat ini umumnya cukup konsisten pada berbagai browser terkemuka.
Copyright ©1995, 1996 Kevin Werbach. Redistribusi Non-kommersial diperbolehkan. Panduan ini bukan produk dari Bare Bones Software; kesamaan nama hanyalah kebetulan saja. |