Archive for 2014
Elemen - elemen HTML

Elemen - elemen 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)



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)

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=?>
 


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)

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


HURUF SPESIAL(these must all be in lower case)
 
Special Character
&#?;
(where ? is the ISO 8859-1 code)
 
<
&lt;
 
 
>
&gt;
 
 
&
&amp;
 
 
"
&quot;
 
 
Registered TM
&reg;
 
 
Copyright
&copy;
 
 
Spasi tak putus
&nbsp;
Non-breaking Space

FORMULIR
 
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


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

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)

FRAMES

Dokumen dalam Frame
<FRAMESET></FRAMESET>
(sebagai pengganti <BODY>)

Tinggi Baris Frame
<FRAMESET ROWS=,,,></FRAMESET>
(dalam satuan pixel atau %)

Tinggi Baris Frame
<FRAMESET ROWS=*></FRAMESET>
(* = ukuran relatif)

Lebar Kolom Frame
<FRAMESET COLS=,,,></FRAMESET>
(dalam satuan pixel atau %)

Lebar Kolom Frame
<FRAMESET COLS=*></FRAMESET>
(* = ukuran relatif)

Lebar Garis Batas
<FRAMESET BORDER=?>
 

Garis Batas
<FRAMESET FRAMEBORDER="yes|no">
 

Warna Garis Batas
<FRAMESET BORDERCOLOR="#$$$$$$">
 

Rancangan Frame
<FRAME>
(isi dari frame individu)

Tampilan Dokumen Frame
<FRAME SRC="URL">
 

Nama Frame
<FRAME NAME="***"|_blank|_self| _parent|_top>
 

Lebar Batas
<FRAME MARGINWIDTH=?>
(batas kiri dan kanan)

Tinggi Batas
<FRAME MARGINHEIGHT=?>
(batas atas dan bawah)

Scrollbar?
<FRAME SCROLLING="YES|NO|AUTO">
Memungkinkan scrolling pada frame

Ukuran Frame tak bisa diubah
<FRAME NORESIZE>
 

Batas Frame
<FRAME FRAMEBORDER="yes|no">
 

Warna Garis Batas
<FRAME BORDERCOLOR="#$$$$$$">
 

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)

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)

Subscribe to: Posts (Atom)