Dasar HTML

ELEMEN DASAR
Jenis Dokumen <HTML></HTML> Judul <TITLE></TITLE>
(terdapat pada awal dan akhir dari file HTML)
(harus selalu terdapat pada mukadimah) (keterangan umum, seperti judul dsb.)
Mukadimah (Header)
<HEAD></HEAD>
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) Penataan Bagian <DIV></DIV> <DIV ALIGN=LEFT|RIGHT|CENTER></DIV> <BLOCKQUOTE></BLOCKQUOTE> [*] (tampilan dengan jeda
Kutipan Blok (Block Quote) terhadap batas pinggir)
Penekanan (Emphasis) <EM></EM> Penguatan (Strong Emphasis) Kutipan singkat (Citation) Kode <CODE></CODE>
(umumnya huruf miring)
<STRONG></STRONG> (umumnya huruf tebal) <CITE></CITE> (umumnya huruf miring) (Code - untuk source code listings) (Sample Output)
Contoh Keluaran Masukan Papan Ketik Variabel
<SAMP></SAMP>
<KBD></KBD> (Keyboard Input)
<VAR></VAR> (Variable)
Definisi <DFN></DFN> (Definition - jarang dipakai) Alamat Pengarang (Author's Address) <ADDRESS></ADDRESS>
Huruf ukuran Besar Huruf Ukuran Kecil
<BIG></BIG> <SMALL></SMALL>
FORMAT TAMPILAN Huruf Tebal Huruf Miring N3.0b Garis Bawah Huruf Coret N3.0b Huruf Coret <B></B> <I></I> (Italic) <U></U> (Underline - jarang digunakan) (Strikeout - jarang digunakan) (Bold)
<STRIKE></STRIKE> <S></S>
(Strikeout - jarang digunakan)
Huruf Geser Bawah Huruf Geser Atas Huruf Mesin Ketik
<SUB></SUB> (Subscript) <SUP></SUP> (Superscript) <TT></TT> (Typewriter - huruf berjarak tetap) (menampilkan dengan jarak pra-format)
Pra-format (Preformatted) Jarak Huruf Rata Tengah N1.0 Huruf Kedip Ukuran Huruf
<PRE></PRE>
<PRE WIDTH=?></PRE> (mengatur jarak huruf) <CENTER></CENTER> [*] <BLINK></BLINK> (Center - berlaku untuk teks maupun gambar)
(Blinking - tag terlucu sampai kini)
<FONT SIZE=?></FONT> (Font Size - boleh diisi dari 1 sampai 7) <FONT SIZE="+|-?"></FONT> <BASEFONT SIZE=?> (boleh diisi 1 sampai 7; ukuran
Rubah Ukuran Huruf N1.0 Basis Ukuran Huruf standard/default=3) Warna Huruf
<FONT COLOR="#$$$$$$"></FONT>
N3.0b Pilih Jenis Huruf <FONT FACE="***"></FONT> N3.0b Teks Multi Kolom N3.0b Jarak Batas Kolom <MULTICOL COLS=?></MULTICOL> <MULTICOL GUTTER=?></MULTICOL> (default = 10 pixels)
N3.0b Lebar Kolom
<MULTICOL WIDTH=?></MULTICOL>
N3.0b Celah (Spacer) <SPACER> N3.0b Jenis Celah N3.0b Ukuran Celah <SPACER TYPE=horizontal| vertical|block> <SPACER SIZE=?>
N3.0b Dimensi Celah <SPACER WIDTH=? HEIGHT=?> N3.0b Penataan Celah <SPACER ALIGN=left|right|center>
ACUAN DAN GRAFIK Acuan pada dokumen tertentu <A HREF="URL"></A> Acuan pada sasaran dalam dokumen dokumen lain) <A HREF="URL#***"></A> (bila terdapat pada
<A HREF="#***"></A> (bila terdapat pada dokumen yang sama) N2.0 Jendela Sasaran (Target Window) |_blank|_self|_parent|_top"></A> Penamaan sasaran pada dokumen Kaitan(Relationship) <A HREF="URL" TARGET="***|
<A NAME="***"></A> (jarang digunakan) (jarang digunakan)
<A REL="***"></A>
Kaitan terbalik (Reverse Relationship) Peragaan Gambar
<A REV="***"></A>
<IMG SRC="URL">
Penataan Letak Gambar <IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT> N1.0 Penataan Letak Gambar <IMG SRC="URL" ALIGN=TEXTTOP| ABSMIDDLE|BASELINE|ABSBOTTOM> Alternatif Teks <IMG SRC="URL" ALT="***"> Daerah Gambar (Imagemap) Daerah Gambar pihak klien (saat gambar belum/tidak ditampilkan) (membutuhkan program script)
<IMG SRC="URL" ISMAP>
<IMG SRC="URL" USEMAP="URL">
Uraian Daerah Gambar <MAP NAME="***"></MAP> Pembagian Daerah Gambar Dimensi Gambar Garis Batas <AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF>
<IMG SRC="URL" WIDTH=? HEIGHT=?> (in pixels) (dalam satuan pixel)
<IMG SRC="URL" BORDER=?>
Ruang Pembatas N1.0 N1.1 Pull) N2.0 N2.0
<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
Objek Cantum <EMBED SRC="URL">
(Embed Object - mencantumkan objek pada dokumen)
Ukuran Objek <EMBED SRC="URL" WIDTH=? HEIGHT=?>
PEMISAH Paragraf Align Text Pndah Baris <P></P> [*] (tag penutup seringkali tak diperlukan)
<P ALIGN=LEFT|CENTER|RIGHT></P> [*] <BR> (pindah ke baris berikut) <BR CLEAR=LEFT|RIGHT|ALL> (Clear Textwrap) (Horizontal Rule) <HR ALIGN=LEFT|RIGHT|CENTER> (dalam satuan pixel)
Putus Penataan Baris Garis Datar <HR>
Penataan Letak Garis Tebal Garis Lebar Garis N1.0
<HR SIZE=?>
<HR WIDTH=?> (dalam satuan pixel) (dalam persentasi terhadap lebar halaman)
Lebar Garis Persentasi <HR WIDTH="%"> Garis Pejal
<HR NOSHADE> (Solid Line - tanpa pola 3D) <NOBR></NOBR> (No Break - mencegah ganti baris)
N1.0 N1.0
Tanpa Ganti Baris Sambung Suku Kata
<WBR> (Word Break - letak ganti baris bila diperlukan)
DAFTAR
Daftar Tanpa Nomor Kompak Jenis Butiran terdaftar)
<UL><LI></UL> (Unordered List - Cantumkan <LI> sebelum tiap butir)
<UL COMPACT></UL> (Compact) <UL TYPE=DISC|CIRCLE|SQUARE> (Bullet Type - berlaku umum bagi butir
<LI TYPE=DISC|CIRCLE|SQUARE> Daftar Bernomor Kompak
(berlaku khusus pada butir ini dan selanjutnya)
<OL><LI></OL> (Ordered List - Cantumkan <LI> sebelum tiap butir)
<OL COMPACT></OL> <OL TYPE=A|a|I|i|1> (berlaku umum untuk semua butir dalam
Jenis Penomoran daftar) <LI TYPE=A|a|I|i|1> Nomor Mulai
(berlaku khusus pada butir ini dan selanjutnya) <OL START=?> (berlaku umum untuk semua butir dalam daftar)
<LI VALUE=?> (berlaku khusus pada butir ini dan selanjutnya) Daftar Definisi <DL><DT><DD></DL> Kompak Daftar Menu Kompak <DL COMPACT></DL> <MENU><LI></MENU> (Cantumkan <LI> sebelum butir menu) <MENU COMPACT></MENU> (Cantumkan <LI> sebelum tiap butir direktori) (Definition List - <DT>=istilah, <DD>=uraian)
Daftar Direktori <DIR><LI></DIR> Kompak <DIR COMPACT></DIR>
LATAR BELAKANG DAN WARNA Latar Belakang Gambar <BODY BACKGROUND="URL"> (Tiled Background) Warna Latar Belakang <BODY BGCOLOR="#$$$$$$"> [*] merah/hijau/biru) Warna Huruf Teks Warna Acuan <BODY TEXT="#$$$$$$"> [*] (Background Color - urutan:
<BODY LINK="#$$$$$$"> [*] <BODY VLINK="#$$$$$$"> [*] (Visited Link)
Acuan Lepas Kunjung Acuan Aktif
<BODY ALINK="#$$$$$$"> [*] (Active Link)
(Info lanjut di http://werbach.com/web/wwwhelp.html#color)
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 (Daftar lengkap huruf khusus terdapat di http://www.uni-passau.de/%7Eramsch/iso8859-1.html)
FORMULIR Rancangan Formulir N2.0 Mengirimkan File <FORM ACTION="URL" METHOD=GET|POST></FORM> Define Forms <FORM ENCTYPE="multipart/form-data"></FORM> File Upload
Input Field <INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO| IMAGE|HIDDEN|SUBMIT|RESET"> Nama Field Nilai Field Kotak Periksa Ukuran Field <INPUT NAME="***"> <INPUT VALUE="***"> <INPUT CHECKED> (checkboxes dan radio boxes)
<INPUT SIZE=?> (dalam satuan jumlah karakter) <INPUT MAXLENGTH=?> Selection List (dalam satuan karakter)
Panjang Maksimum Daftar Pilihan
<SELECT></SELECT>
Nama Daftar Pilihan
<SELECT NAME="***"></SELECT>
Jumlah Pilihan <SELECT SIZE=?></SELECT> Banyak Pilihan <SELECT MULTIPLE> Pilihan <OPTION> (dapat memilih lebih dari satu)
(butir yang dapat dipilih)
Pilihan Default <OPTION SELECTED> Ukuran Input Box <TEXTAREA ROWS=? COLS=?></TEXTAREA>
Nama Input Box<TEXTAREA NAME="***"></TEXTAREA> N2.0 Text Rangkuman Teks <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA> Wrap
TABEL Rancangan Tabel Garis Batas Tabel Celah Sel <TABLE></TABLE> [*] <TABLE BORDER=?></TABLE> Cell Spacing Cell Padding
<TABLE CELLSPACING=?>
Penyangga Sel <TABLE CELLPADDING=?> Lebar Tabel <TABLE WIDTH=?>
(dalam satuan pixel)
Lebar Tabel Persentasi <TABLE WIDTH="%"> Baris dalam Tabel Penataan Letak Baris <TR></TR>
(dalam satuan persen terhadap lebar halaman)
<TR ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM
VALIGN=TOP|BOTTOM|MIDDLE> Sel dalam Tabel <TD></TD> Penataan Letak Sel (harus ada dalam setiap baris tabel)
<TD ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM
VALIGN=TOP|BOTTOM|MIDDLE> Tanpa Ganti Baris <TD NOWRAP> Columns to span Rows to span
Rentang Kolom <TD COLSPAN=?> Rentang Baris <TD ROWSPAN=?> N1.1 N1.1 Lebar Sel
<TD WIDTH=?> (dalam satuan pixel) <TD WIDTH="%"> (dalam satuan persen terhadap lebar tabel)
Lebar Sel Persentasi
N3.0b Warna Sel Kepala Tabel
<TD BGCOLOR="#$$$$$$"> <TH></TH> (Table Header - seperti data dengan Bold dan Center) <TH ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM
Penataan Letak Kepala Tabel VALIGN=TOP|BOTTOM|MIDDLE> Tanpa Baris Baru
<TH NOWRAP> Columns to Span Rows to Span
Rentang Kolom <TH COLSPAN=?> Rentang Baris <TH ROWSPAN=?> N1.1 N1.1 Lebar Kepala Tabel Lebar Persentasi
<TH WIDTH=?> (dalam satuan pixel) <TH WIDTH="%"> (dalam persentasi terhadap lebar tabel)
N3.0b Warna Kepala Tabel Keterangan Tabel Penataan Keterangan
<TH BGCOLOR="#$$$$$$"> <CAPTION></CAPTION> Caption <CAPTION ALIGN=TOP|BOTTOM> (di atas / di bawah tabel)
FRAMES N2.0 N2.0 N2.0 N2.0 N2.0 Dokumen dalam Frame <FRAMESET></FRAMESET> Tinggi Baris Frame Tinggi Baris Frame Lebar Kolom Frame Lebar Kolom Frame (sebagai pengganti <BODY>) (dalam satuan pixel atau %) (* = ukuran relatif) (dalam satuan pixel atau %) (* = ukuran relatif)
<FRAMESET ROWS=,,,></FRAMESET> <FRAMESET ROWS=*></FRAMESET> <FRAMESET COLS=,,,></FRAMESET> <FRAMESET COLS=*></FRAMESET> <FRAMESET BORDER=?>
N3.0b Lebar Garis Batas N3.0b Garis Batas
<FRAMESET FRAMEBORDER="yes|no"> <FRAMESET BORDERCOLOR="#$$$$$$"> <FRAME> (isi dari frame individu)
N3.0b Warna Garis Batas N2.0 N2.0 N2.0 N2.0 N2.0 N2.0 N2.0 Rancangan Frame
Tampilan Dokumen Frame Nama Frame Lebar Batas Tinggi Batas Scrollbar?
<FRAME SRC="URL">
<FRAME NAME="***"|_blank|_self| _parent|_top> <FRAME MARGINWIDTH=?> <FRAME MARGINHEIGHT=?> (batas kiri dan kanan) (batas atas dan bawah)
<FRAME SCROLLING="YES|NO|AUTO"> Memungkinkan scrolling pada frame
Ukuran Frame tak bisa diubah <FRAME NORESIZE> <FRAME FRAMEBORDER="yes|no"> <FRAME BORDERCOLOR="#$$$$$$"> (bagi browser yang tak mampu frame)
N3.0b Batas Frame
N3.0b Warna Garis Batas N2.0
Isi tanpa Frame <NOFRAMES></NOFRAMES>
JAVA Applet <APPLET></APPLET>
Nama File Applet Parameter Applet
<APPLET CODE="***"> <APPLET PARAM NAME="***">
Sumber Applet <APPLET CODEBASE="URL"> Identifier Applet sama) Teks Alternatif <APPLET ALT="***"> Penataan Applet (untuk browser tanpa kemampuan Java browsers) <APPLET NAME="***"> (sebagai rujukan di tempat lain pada halaman
<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 Mampu Cari
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> [*] (indikasi indeks yang dapat dicari-temukan) (teks sebagai prompt) (gunakan tanda tanya yang sebenarnya)
<ISINDEX>
Prompt <ISINDEX PROMPT="***"> Perintah Cari
<A HREF="URL?***"></a>
URL dari file ini <BASE HREF="URL"> N2.0 Nama Dasar Window
(harus terletak di header)
<BASE TARGET="***"> (harus terletak di header) (Relation dan Reverse Relation, harus
Kaitan <LINK REV="***" REL="***" HREF="URL"> terletak di header) Informasi Meta <META>
(harus terletak di header) (Style Sheet - belum didukung sepenuhnya)
Lembar Gaya Penulisan <STYLE></STYLE> Scripts <SCRIPT></SCRIPT>
(belum didukung sepenuhnya).

Dasar HTML

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Dasar HTML

Diunggah oleh

Hak Cipta:

Format Tersedia

ELEMEN DASAR

Jenis Dokumen <HTML></HTML> Judul <TITLE></TITLE>

(terdapat pada awal dan akhir dari file HTML)

Batang Tubuh <BODY></BODY>

(isi dari halaman HTML)

Kutipan Blok (Block Quote) terhadap batas pinggir)

(umumnya huruf miring)

Contoh Keluaran Masukan Papan Ketik Variabel

<KBD></KBD> (Keyboard Input)

Huruf ukuran Besar Huruf Ukuran Kecil

(Strikeout - jarang digunakan)

Huruf Geser Bawah Huruf Geser Atas Huruf Mesin Ketik

(Blinking - tag terlucu sampai kini)

N3.0b Lebar Kolom

<A NAME="***"></A> (jarang digunakan) (jarang digunakan)

Kaitan terbalik (Reverse Relationship) Peragaan Gambar

<IMG SRC="URL" ISMAP>

<IMG SRC="URL" USEMAP="URL">

<IMG SRC="URL" WIDTH=? HEIGHT=?> (in pixels) (dalam satuan pixel)

<IMG SRC="URL" BORDER=?>

Ruang Pembatas N1.0 N1.1 Pull) N2.0 N2.0

<IMG SRC="URL" HSPACE=? VSPACE=?> (dalam satuan pixel)

Objek Cantum <EMBED SRC="URL">

(Embed Object - mencantumkan objek pada dokumen)

Ukuran Objek <EMBED SRC="URL" WIDTH=? HEIGHT=?>

Putus Penataan Baris Garis Datar <HR>

Penataan Letak Garis Tebal Garis Lebar Garis N1.0

Lebar Garis Persentasi <HR WIDTH="%"> Garis Pejal

Tanpa Ganti Baris Sambung Suku Kata

<WBR> (Word Break - letak ganti baris bila diperlukan)

Daftar Tanpa Nomor Kompak Jenis Butiran terdaftar)

<UL><LI></UL> (Unordered List - Cantumkan <LI> sebelum tiap butir)

<LI TYPE=DISC|CIRCLE|SQUARE> Daftar Bernomor Kompak

(berlaku khusus pada butir ini dan selanjutnya)

<OL><LI></OL> (Ordered List - Cantumkan <LI> sebelum tiap butir)

Jenis Penomoran daftar) <LI TYPE=A|a|I|i|1> Nomor Mulai

Daftar Direktori <DIR><LI></DIR> Kompak <DIR COMPACT></DIR>

<BODY LINK="#$$$$$$"> [*] <BODY VLINK="#$$$$$$"> [*] (Visited Link)

Acuan Lepas Kunjung Acuan Aktif

<BODY ALINK="#$$$$$$"> [*] (Active Link)

(Info lanjut di http://werbach.com/web/wwwhelp.html#color)

Registered TM &reg; Copyright &copy;

Panjang Maksimum Daftar Pilihan

Nama Daftar Pilihan

(butir yang dapat dipilih)

Penyangga Sel <TABLE CELLPADDING=?> Lebar Tabel <TABLE WIDTH=?>

(dalam satuan pixel)

(dalam satuan persen terhadap lebar halaman)

<TR ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM

<TD ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM

Lebar Sel Persentasi

N3.0b Warna Sel Kepala Tabel

Penataan Letak Kepala Tabel VALIGN=TOP|BOTTOM|MIDDLE> Tanpa Baris Baru

<TH NOWRAP> Columns to Span Rows to Span

N3.0b Warna Kepala Tabel Keterangan Tabel Penataan Keterangan

N3.0b Lebar Garis Batas N3.0b Garis Batas

<FRAMESET FRAMEBORDER="yes|no"> <FRAMESET BORDERCOLOR="#$$$$$$"> <FRAME> (isi dari frame individu)

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

N3.0b Batas Frame

N3.0b Warna Garis Batas N2.0

Isi tanpa Frame <NOFRAMES></NOFRAMES>

JAVA Applet <APPLET></APPLET>

Nama File Applet Parameter Applet

<BODY LINK="#$$$$$$"> [] <BODY VLINK="#$$$$$$"> [] (Visited Link)

Registered TM ® Copyright ©

<APPLET CODE=""> <APPLET PARAM NAME="">