Author : Anonimokerl
Hae stah, kali ini mimin akan memberikan code-code HTML
Langsung sadja
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?> (pilih salah satu antara LEFT, CENTER dan RIGHT)
Bagian (Division)
<DIV></DIV>
Penataan Bagian
<DIV ALIGN=LEFT|RIGHT|CENTER></DIV> (pilih salah satu antara LEFT, CENTER dan RIGHT)
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 seterusnya)
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> (pilih salah satu antara horizontal, vertical, block)
Ukuran Celah
<SPACER SIZE=?>
Dimensi Celah
<SPACER WIDTH=? HEIGHT=?>
Penataan Celah
<SPACER ALIGN=left|right|center> (pilih salah satu antara LEFT, CENTER dan RIGHT)
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> (pilih salah satu diantara blank, self, parent, top)
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> (pilih salah satu diantara TPO, BOTTOM, MIDDLE, LEFT, RIGHT)
Penataan Letak Gambar
<IMG SRC="URL" ALIGN=TEXTTOP| ABSMIDDLE|BASELINE|ABSBOTTOM> (pilih salah satu diantara 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
Special Character
&#?; (where ? is the ISO 8859-1 code)
<
<
>
>
&
&
"
"
Registered TM
®
Copyright
©
Spasi tak putus
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)
Sumber?
http://werbach.com/barebones/barebone_id.html
Sekian dulu stah :)