Upload presentasi
Presentasi sedang didownload. Silahkan tunggu
1
Mata Kuliah: Dasar Internet dan Web – Gunawan Budiprasetyo, ST, MMT
PANDUAN HTML Mata Kuliah: Dasar Internet dan Web – Gunawan Budiprasetyo, ST, MMT
2
SIMBOL YANG DIGUNAKAN URL
URL dari file luar (atau file name saja bila terletak pada direktori yang 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 salah c satu yang dikehendaki)
3
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)
4
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 <EM></EM> (umumnya huruf miring) Penguatan <STRONG></STRONG> (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 <SMALL></SMALL>
5
FORMAT TAMPILAN (tampilan yang tergantung pada kehendak penulis)
Huruf Tebal <B></B> Penataan Kepala <H? ALIGN=LEFT|CENTER|RIGHT></H?> Huruf Miring <I></I> Garis bawah <U></U> (jarang digunakan) Huruf Coret <STRIKE></STRIKE> <S></S> Huruf Geser Bawah <SUB></SUB> Huruf Geser Atas <SUP></SUP> 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 <FONT SIZE=?></FONT> (dari 1-7) Rubah ukuran huruf <FONT SIZE="+|-?"></FONT> Basis Ukuran Huruf <BASEFONT SIZE=?> (dari 1-7; default=3)
6
FORMAT TAMPILAN (tampilan yang tergantung pada kehendak penulis)
Warna Huruf Warna Huruf <FONT COLOR="#$$$$$$"></FONT> <FONT COLOR="#$$$$$$"></FONT> 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>
7
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> <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=?> Ruang pembatas <IMG SRC="URL" HSPACE=? VSPACE=?> Gambar Low-Res <IMG SRC="URL" LOWSRC="URL"> Daerah Gambar <IMG SRC="URL" ISMAP> (perlu program script) <IMG SRC="URL" USEMAP="URL"> Uraian Daerah <MAP NAME="***"></MAP>
8
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=?>
9
PEMISAH Paragraf <P></P>
(tag penutup seringkali tak perlu) Penataan teks <P ALIGN=LEFT|CENTER|RIGHT></P> Pindah Baris <BR> (pindah satu baris) Putus penataan baris <BR CLEAR=LEFT|RIGHT|ALL> Garis Datar <HR> Penataan Garis <HR ALIGN=LEFT|RIGHT|CENTER> Tebal Garis <HR SIZE=?> (dalam pixels) Lebar Garis <HR WIDTH=?> Lebar Garis persen <HR WIDTH="%"> (persen terhadap lebar halaman) Garis Pejal <HR NOSHADE> (tanpa pola 3D) Tanpa Ganti Baris <NOBR></NOBR> (cegah ganti baris) Sambung suku kata <WBR> (letak ganti baris bila diperlukan)
10
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> <OL COMPACT></OL> Jenis Nomor <OL TYPE=A|a|I|i|1> <LI TYPE=A|a|I|i|1> Nomor Mulai <OL START=?> <LI VALUE=?> Daftar Definisi <DL><DT><DD></DL> (<DT>=istilah, <DD>=uraian) <DL COMPACT></DL> Daftar Menu <MENU><LI></MENU> <MENU COMPACT></MENU> Daftar Direktori <DIR><LI></DIR> <DIR COMPACT></DIR>
11
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="#$$$$$$">
12
HURUF SPESIAL (harus ditulis dengan huruf kecil)
Special Character &#?; (? adalah kode ISO ) < > & & " " Registered TM Copyright Spasi tak putus Non-Breaking Spc
Presentasi serupa
