Diberdayakan oleh Blogger.
RSS

Panduan HTML Lengkap


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>
<A HREF="#***"></A>

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>

Kaitan terbalik (Reverse Relationship)<A REV="***"></A>

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="***">

Daerah Gambar (Imagemap)<IMG SRC="URL" ISMAP>

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

Garis Batas<IMG SRC="URL" BORDER=?>

Ruang Pembatas<IMG SRC="URL" HSPACE=? VSPACE=?>

Gambar Low-Res Proxy<IMG SRC="URL" LOWSRC="URL">

Pemindahan Tarik<META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL">

Objek Cantum<EMBED SRC="URL">

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

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

0 komentar:

Posting Komentar