PANDUAN HTML

PANDUAN HTMLMata Kuliah: Dasar Internet dan Web – Gunawan Budiprasetyo, ST, MMT

SIMBOL YANG DIGUNAKAN

URL URL dari file luar (atau file name saja bila terletak pada direktoriyang sama)

? URL dari file luar (atau file name saja bila terletak pada direktori yang sama)

% Persentasi apa saja (mis. <hr align=left width="%"> dapat berarti<hr align=left width="50%">, dsb.)

*** Teks apa saja (mis. ALT="***" berarti boleh diisi dengan teks apa saja)

$$$$$$ Hex apa saja (mis. BGCOLOR="#$$$$$$" dapat berarti BGCOLOR="#00FF1C", dsb.)

,,, Pembatas koma(mis. COORDS=",,," dapat berarti COORDS="0,0,50,50", dsb.)

| Alternatif pilihan (i.e. ALIGN=LEFT|RIGHT|CENTER berarti pilih salahc satu yang dikehendaki)

ELEMEN DASAR (semua dokumen HTML harus memuatnya)

Jenis Dokumen <HTML></HTML> (awal dan akhir file HTML)

Judul <TITLE></TITLE> (harus terdapat di mukadimah)

Pembukaan <HEAD></HEAD> (keterangan umum, spt judul dsb.)

Batang Tubuh <BODY></BODY> (isi halaman HTML)

RANCANGAN STRUKTURAL (tampilan yang tergantung pada browser pemakai)

Kepala <H?></H?> (memiliki 6 tingkatan Heading)

Penataan Kepala <H? ALIGN=LEFT|CENTER|RIGHT></H?>

Bagian <DIV></DIV>

Penataan Bagian <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>

Kutipan Blok <BLOCKQUOTE></BLOCKQUOTE> (jeda batas pinggir)

Penekanan (umumnya huruf miring)

Penguatan (umumnya huruf tebal)

Kutipan Singkat <CITE></CITE> (citation, huruf miring)

Kode <CODE></CODE> (source code)

Contoh keluaran <SAMP></SAMP> (sample output)

Papan ketik <KBD></KBD> (Keyboard input)

Variabel <VAR></VAR>

Definisi <DFN></DFN> (jarang digunakan)

Pengarang <ADDRESS></ADDRESS>

Huruf ukuran besar <BIG></BIG>

Huruf ukuran kecil

FORMAT TAMPILAN (tampilan yang tergantung pada kehendak penulis)

Huruf Tebal 

Penataan Kepala <H? ALIGN=LEFT|CENTER|RIGHT></H?>

Huruf Miring 

Garis bawah (jarang digunakan)

Huruf Coret <STRIKE></STRIKE> (jarang digunakan)

Huruf Coret <S></S> (jarang digunakan)

Huruf Geser Bawah 

Huruf Geser Atas 

Huruf Mesin Ketik <TT></TT> (jarak antara tetap)

Pra-format <PRE></PRE> (jarak huruf pra-format)

Lebar jarak <PRE WIDTH=?></PRE>

(dalam jumlah huruf)

Rata Tengah <CENTER></CENTER> (untuk teks, gambar dan tabel)

Huruf Kedip <BLINK></BLINK> (tag yang paling lucu)

Ukuran huruf (dari 1-7)

Rubah ukuran huruf 

Basis Ukuran Huruf <BASEFONT SIZE=?> (dari 1-7; default=3)

FORMAT TAMPILAN (tampilan yang tergantung pada kehendak penulis)

Warna Huruf Warna Huruf 

Warna Huruf 

Multi-Kolom <MULTICOL COLS=?></MULTICOL>

Jarak antar Kolom <MULTICOL GUTTER=?></MULTICOL>

Lebar Kolom <MULTICOL WIDTH=?></MULTICOL>

Celah <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 ke dokumen <A HREF="URL"></A>

Acuan Target <A HREF="URL#***"></A> (bila ada di dokumen lain)

<A HREF="#***"></A> (bila ada di dokumen ini)

Jendela Sasaran <A HREF="URL" TARGET="***"></A>

Nama Target <A NAME="***"></A>

Peragaan Gambar <IMG SRC="URL">

Penataan Gambar <IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT>

Penataan Gambar <IMG SRC="URL" ALIGN=TEXTTOP|ABSMIDDLE| BASELINE|ABSBOTTOM>

Alternatif teks <IMG SRC="URL" ALT="***"> (saat gambar belum tampil)

Dimensi Gambar <IMG SRC="URL" WIDTH=? HEIGHT=?> (dalam pixels)

Garis Batas <IMG SRC="URL" BORDER=?> (dalam pixels)

Ruang pembatas <IMG SRC="URL" HSPACE=? VSPACE=?> (dalam pixels)

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

Daerah Gambar <IMG SRC="URL" ISMAP> (perlu program script)

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

Uraian Daerah <MAP NAME="***"></MAP>

ACUAN DAN GRAFIK

Pembagian Derah <AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF>

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

Objek Cantum <EMBED SRC="URL"> (cantumkan object ke dokumen)

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

PEMISAH

Paragraf (tag penutup seringkali tak perlu)

Penataan teks 

Pindah Baris (pindah satu baris)

Putus penataan baris 

Garis Datar <HR>

Penataan Garis <HR ALIGN=LEFT|RIGHT|CENTER>

Tebal Garis <HR SIZE=?> (dalam pixels)

Lebar Garis <HR WIDTH=?> (dalam pixels)

Lebar Garis persen <HR WIDTH="%"> (persen terhadap lebar halaman)

Garis Pejal <HR NOSHADE> (tanpa pola 3D)

Tanpa Ganti Baris (cegah ganti baris)

Sambung suku kata (letak ganti baris bila diperlukan)

DAFTAR (daftar dapat disusun bertingkat)

Tanpa Nomor <UL><LI></UL> (<LI> sebelum tiap butir)

Kompak <UL COMPACT></UL>

Jenis butiran <UL TYPE=DISC|CIRCLE|SQUARE> (berlaku menyeluruh)

<LI TYPE=DISC|CIRCLE|SQUARE> (butir ini dan seterusnya)

Dengan Nomor <OL><LI></OL>

(<LI> sebelum tiap butir)

Kompak <OL COMPACT></OL>

Jenis Nomor <OL TYPE=A|a|I|i|1> (berlaku menyeluruh)

<LI TYPE=A|a|I|i|1> (butir ini dan seterusnya)

Nomor Mulai <OL START=?> (berlaku menyeluruh)

<LI VALUE=?> (butir ini dan seterusnya)

Daftar Definisi <DL><DT><DD></DL> (<DT>=istilah, <DD>=uraian)

Kompak <DL COMPACT></DL>

Daftar Menu <MENU><LI></MENU> (<LI> sebelum tiap butir)

Kompak <MENU COMPACT></MENU>

Daftar Direktori <DIR><LI></DIR> (<LI> sebelum tiap butir)

Kompak <DIR COMPACT></DIR>

LATAR BELAKANG DAN WARNA

L/B Gambar <BODY BACKGROUND="URL">

L/B Warna <BODY BGCOLOR="#$$$$$$"> (urutan merah/hijau/biru)

Warna Teks <BODY TEXT="#$$$$$$">

Warna Acuan <BODY LINK="#$$$$$$">

Acuan Lepas Kunjung

<BODY VLINK="#$$$$$$">

Acuan Aktif <BODY ALINK="#$$$$$$">

HURUF SPESIAL (harus ditulis dengan huruf kecil)

Special Character &#?;

(? adalah kode ISO 8859-1)

< <

> >

& &

" "

Registered TM ®

Registered TM ®

Copyright ©

Copyright ©

Spasi tak putus Non-Breaking Spc

PANDUAN HTML

Documents

Transcript of PANDUAN HTML