[Info] Struktur Fungsi Tag HTML Lengkap

Posted by Ahmad Najiullah on 7:10 PM
§ 7

Struktur Fungsi Tag HTML Lengkap


PANDUAN RINGKAS HTML

Judul Asli: THE BARE BONES GUIDE TO HTML oleh Kevin Werbach Versi 3.0 Formatted -- July 21, 1996 Alih bahasa Indonesia oleh Kristianto Jahja Versi Bahasa Indonesia -- 23 Desember 1996

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)




Isi blog ini dilindungi lisensi Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported, yang berarti anda bebas mendistribusikan ulang serta mengadaptasinya dengan ketentuan sebagai berikut:
[1] cantumkan sumber asal, dan
[2] Tidak untuk tujuan komersial.


Ahmad Najiullah
http://blog.najiullah.com



editAhmad Najiullah on Google+

You are currently reading [Info] Struktur Fungsi Tag HTML Lengkap at Ahmad Najiullah Blog`s.

§ 7 Response to “[Info] Struktur Fungsi Tag HTML Lengkap”



§ Leave a Reply

Related Posts Plugin for WordPress, Blogger...

Followers