| 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) | |
| 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 VALIGN=TOP|BOTTOM|MIDDLE> | ||
| Sel dalam Tabel | <TD></TD> | (harus ada dalam setiap baris tabel) | |
| Penataan Letak Sel | <TD ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM VALIGN=TOP|BOTTOM|MIDDLE> | ||
| 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 VALIGN=TOP|BOTTOM|MIDDLE> | ||
| 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) | |
