PERINTAH PERINTAH DALAM HTML
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) |
|
| | 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> | |
|
| | Huruf Tebal | <B></B> | (Bold) |
| | Huruf Miring | <I></I> | (Italic) |
| Garis Bawah | <U></U> | (Underline - jarang digunakan) |
| Huruf Coret | <STRIKE></STRIKE> | (Strikeout - jarang digunakan) |
| 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) |
| 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> | |
| Basis Ukuran Huruf | <BASEFONT SIZE=?> | (boleh diisi 1 sampai 7; ukuran standard/default=3) |
| Warna Huruf | <FONT COLOR="#$$$$$$"></FONT> | |
| Pilih Jenis Huruf | <FONT FACE="***"></FONT> | |
| Teks Multi Kolom | <MULTICOL COLS=?></MULTICOL> | |
| Jarak Batas Kolom | <MULTICOL GUTTER=?></MULTICOL> | (default = 10 pixels) |
| Lebar Kolom | <MULTICOL WIDTH=?></MULTICOL> | |
| Celah (Spacer) | <SPACER> | |
| Jenis Celah | <SPACER TYPE=horizontal| vertical|block> | |
| Ukuran Celah | <SPACER SIZE=?> | |
| Dimensi Celah | <SPACER WIDTH=? HEIGHT=?> | |
| 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) |
| 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> | |
| 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) |
| Gambar Low-Res Proxy | <IMG SRC="URL" LOWSRC="URL"> | |
| Pemindahan Tarik | <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL"> | (Client Pull) |
| Objek Cantum | <EMBED SRC="URL"> | (Embed Object - mencantumkan objek pada dokumen) |
| Ukuran Objek | <EMBED SRC="URL" WIDTH=? HEIGHT=?> | |
|
| | 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) |
| Lebar Garis Persentasi | <HR WIDTH="%"> | (dalam persentasi terhadap lebar halaman) |
| | Garis Pejal | <HR NOSHADE> | (Solid Line - tanpa pola 3D) |
| Tanpa Ganti Baris | <NOBR></NOBR> | (No Break - mencegah ganti baris) |
| Sambung Suku Kata | <WBR> | (Word Break - letak ganti baris bila diperlukan) |
| |
| | 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 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) |
|
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 |
|
|
| | Rancangan Formulir | <FORM ACTION="URL" METHOD=GET|POST></FORM> | Define Forms |
| 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> | |
| Rangkuman Teks | <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA> | Wrap Text |
|
| | 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) |
| Lebar Sel Persentasi | <TD WIDTH="%"> | (dalam satuan persen terhadap lebar tabel) |
| 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 |
| Lebar Kepala Tabel | <TH WIDTH=?> | (dalam satuan pixel) |
| Lebar Persentasi | <TH WIDTH="%"> | (dalam persentasi terhadap lebar tabel) |
| Warna Kepala Tabel | <TH BGCOLOR="#$$$$$$"> | |
| | Keterangan Tabel | <CAPTION></CAPTION> | Caption |
| | Penataan Keterangan | <CAPTION ALIGN=TOP|BOTTOM> | (di atas / di bawah tabel) |
No comments:
Post a Comment