twitter
rss


SIMBOL YANG DIGUNAKAN
---------------------------------------------------------------------------
URL         URL dari file luar (atau file name saja bila terletak pada direktori
               yang sama)
?              Bilangan apa saja (mis. <H?> dapat berarti <H1>, <H2>, <H3>, dst.)
%            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
                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)
Mukadimah              <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              <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>

FORMAT TAMPILAN (tampilan yang tergantung pada kehendak penulis)
Huruf Tebal              <B></B>
Huruf Miring             <I></I>
Garis bawah            <U></U>                                               (jarang digunakan)
Huruf Coret               <STRIKE></STRIKE>                           (jarang digunakan)
Huruf Coret              <S></S>                                               (jarang digunakan)
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)
Warna Huruf            <FONT COLOR="#$$$$$$"></FONT>
Jenis Huruf              <FONT FACE="***"></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>

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> 
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         <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=?>     (dalam pixels)
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)

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="#$$$$$$">      
(Info lanjut di http://werbach.com/web/wwwhelp.html#color>)


HURUF SPESIAL (harus ditulis dengan huruf kecil)
       Special Character &#?;            (? adalah kode ISO 8859-1)
       <                 &lt;
       >                 &gt;
       &                 &amp;
       "                 &quot;
       Registered TM     &#174;
       Registered TM     &reg;
       Copyright         &#169;
       Copyright         &copy;
       Spasi tak putus   &nbsp;                  Non-Breaking Spc 
(Daftar lengkap di <http://www.uni-passau.de/%7Eramsch/iso8859-1.html>)

FORMULIR  (umumnya membutuhkan program script pada server)
Rancangan Form      <FORM ACTION="URL" METHOD=GET|POST></FORM>
N2.0
File Upload              <FORM ENCTYPE="multipart/form-data></FORM>
Input Field               <INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO|
                               IMAGE|HIDDEN|SUBMIT|RESET">
Nama Field              <INPUT NAME="***">
Nilai Field                <INPUT VALUE="***">
Kotak Periksa          <INPUT CHECKED>              (kotak periksa dan tombol radio)
Ukuran Field            <INPUT SIZE=?>                   (dalam jumlah karakter)
Panjang Maksimum <INPUT MAXLENGTH=?>      (dalam jumlah karakter)
Daftar Pilihan           <SELECT></SELECT>
Nama Daftar            <SELECT NAME="***"></SELECT>
Jumlah Pilihan         <SELECT SIZE=?></SELECT>
Pilihan Banyak         <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 Box               <TEXTAREA NAME="***"></TEXTAREA>  
Rangkum Teks        <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA>

TABEL
Rancangan Tabel     <TABLE></TABLE>
Garis Batas                             <TABLE BORDER></TABLE>                (on atau off)
Garis Batas                             <TABLE BORDER=?></TABLE>            (penetuan nilai)
Celah Sel                                <TABLE CELLSPACING=?>                  celah datar
Penyangga Sel         <TABLE CELLPADDING=?>                  celah vertikal
Lebar                                      <TABLE WIDTH=?>                               (dalam pixels)
Lebar persentasi       <TABLE WIDTH=%>                             (persentasi halaman)
Baris Tabel                             <TR></TR>
Penataan                                <TR ALIGN=LEFT|RIGHT|CENTER
                                              VALIGN=TOP|MIDDLE|BOTTOM>
Sel Tabel                                <TD></TD>                                           (harus ada di setiap baris tabel)
Penataan                                <TD ALIGN=LEFT|RIGHT|CENTER
                                              VALIGN=TOP|MIDDLE|BOTTOM>
Tanpa Ganti Baris    <TD NOWRAP>
Rentang Kolom        <TD COLSPAN=?>
Rentang Baris          <TD ROWSPAN=?>
Lebar Sel                 <TD WIDTH=?>                                     (dalam pixels)
Lebar Persen           <TD WIDTH="%">                                 (persentasi tabel)
Warna Sel                <TD BGCOLOR="#$$$$$$">
Kepala Tabel            <TH></TH>                                           (seperti data, dengan bold dan center)
Penataan                 <TH ALIGN=LEFT|RIGHT|CENTER
                                              VALIGN=TOP|MIDDLE|BOTTOM>
Tanpa Ganti baris     <TH NOWRAP>
Rentang Kolom        <TH COLSPAN=?>
Rentang Baris          <TH ROWSPAN=?>
Lebar Sel Kepala      <TH WIDTH=?>                                     (dalam pixels)
Lebar Persentasi      <TH WIDTH="%">                                 (persentasi tabel)
Cell Color                <TH BGCOLOR="#$$$$$$">
Keterangan Tabel     <CAPTION></CAPTION>
Penataan                 <CAPTION ALIGN=TOP|BOTTOM>        (di atas/di bawah tabel)

FRAMES  (merumuskan daerah dan kelakuan sebagaian daerah layar)
---------------------------------------------------------------------------
Dokumen Frame      <FRAMESET></FRAMESET>                               (sebagai ganti <BODY>)
Tinggi Baris             <FRAMESET ROWS=,,,></FRAMESET>               (pixels atau %)
Tinggi baris              <FRAMESET ROWS=*></FRAMESET>                                (* = ukuran relatif)
 Lebar Kolom           <FRAMESET COLS=,,,></FRAMESET>                (pixels atau %)
Column Widths        <FRAMESET COLS=*></FRAMESET>                                 (* = ukuran relatif)
Garis Batas             <FRAMESET FRAMEBORDER="yes|no">
Lebar Garis              <FRAMESET BORDER=?>
Warna Garis             <FRAMESET BORDERCOLOR="#$$$$$$">
Rancangan Frame    <FRAME>                                             (contents of an individual frame)
Tampilan Dokumen  <FRAME SRC="URL">
Nama Frame            <FRAME NAME="***"|_blank|_self|_parent|_top>
Lebar Frame            <FRAME MARGINWIDTH=?>                               (batas kiri dan kanan)
Tinggi Frame            <FRAME MARGINHEIGHT=?>              (batas atas dan bawah)
Scrollbar?                <FRAME SCROLLING="YES|NO|AUTO">
Frame tak berubah   <FRAME NORESIZE>
Garis Batas             <FRAME FRAMEBORDER="yes|no">
Warna Batasr           <FRAME BORDERCOLOR="#$$$$$$">
Isi tanpa Frame        <NOFRAMES></NOFRAMES>              (bagi browser tanpa Frame)

JAVA
      Applet                               <APPLET></APPLET>
      Name file applet                 <APPLET CODE="***">
      Parameter                         <APPLET PARAM NAME="***">
      Sumber Applet                  <APPLET CODEBASE="URL">
      Identifier                           <APPLET NAME="***">                         (sebagai rujukan)
      Teks alternatif                   <APPLET ALT="***">                             (bagi non-Java browsers)
      Penataan                          <APPLET ALIGN="LEFT|RIGHT|CENTER">
      Ukuran                             <APPLET WIDTH=? HEIGHT=?>  (in pixels)
      Celah batas                      <APPLET HSPACE=? VSPACE=?> (in pixels)

0 komentar:

Posting Komentar