.:: Panduan Asas HTML ::.

Panduan ini menyenaraikan semua tag yang mampu dikenalpasti oleh kebanyakan perisian pelayar browser) versi terkini. Saya telah memasukkan semua tag yang mengikut Spesifikasi HTML 3.2, begitu juga sambungan-sambungan (extensions) Netscape yang disertakan bersama versi Netscape Navigator hingga 3.0b5. Panduan ini direka supaya setepat yang mungkin, lebih banyak maklumat terperinci boleh didapati menerusi laman WWW Help Page. Sebarang komen dan cadangan adalah sentiasa dialu-alukan.


TAG-TAG HTML

Sila Klik Menu Tajuk Di Bawah :

Penting : Jika anda tidak berapa pasti tentang perbezaan antara HTML 2.0, HTML 3.0, HTML 3.2, dan sambungan Netscape, saya cadangkan anda membaca kenyataan W3C tentang pembangunan HTML.

ELEMEN ASAS 
  Jenis Dokumen <HTML></HTML>  (permulaan dan penamat sesebuah fail) 
  Tajuk <TITLE></TITLE>  (nama laman - mesti berada dalam bahagian kepala) 
  Kepala Laman <HEAD></HEAD>  (maklumat-maklumat deskriptif seperti tajuk) 
  Badan  <BODY></BODY>  (kandungan laman anda) 

DEFINISI STRUKTUR  
  Kepala  <H?></H?>  (boleh diguna untuk mendifinisi 6 tahap) 
  Jajaran Kepala  <H? ALIGN=LEFT|CENTER|RIGHT></H?>    
  Bahagian  <DIV></DIV>   
  Jajaran Bahagian  <DIV ALIGN=LEFT|RIGHT|CENTER></DIV>   
  Blok Petikan <BLOCKQUOTE></BLOCKQUOTE>   (biasanya dipaparkan secara anjakan) 
  Penekanan  <EM></EM>  (biasanya dipaparkan secara huruf condong) 
  Penekanan Tinggi  <STRONG></STRONG>  (biasanya dipaparkan secara huruf tebal) 
  Sebutan  <CITE></CITE>  (biasanya huruf condong) 
  Kod  <CODE></CODE>  (untuk memaparkan kod sumber) 
  Output Contoh <SAMP></SAMP>   
  Input dari Papan Kekunci   <KBD></KBD>   
  Pembolehubah  <VAR></VAR>   
  Definisi  <DFN></DFN>  (tidak digunakan secara meluas) 
  Alamat Pengarang  <ADDRESS></ADDRESS>   
  Font Saiz Besar <BIG></BIG>   
  Font Saiz Kecil  <SMALL></SMALL>   

FORMAT PERSEMBAHAN  
  Huruf tebal (Bold)  <B></B>   
  Huruf condong (Italic)  <I></I>   
N3.0b  Huruf bergaris (Underline)  <U></U>  (tidak diguna secara meluas) 
  Strikeout  <STRIKE></STRIKE>  (tidak diguna secara meluas) 
N3.0b  Strikeout  <S></S>  (tidak diguna secara meluas) 
  Huruf di bawah (Subscript)  <SUB></SUB>   
  Huruf di atas (Superscript)  <SUP></SUP>   
  Huruf Mesintaip   <TT></TT>  (paparkan dalam font berjarak tunggal) 
  Teks tanpa format  <PRE></PRE>  (paparkan teks tanpa format jarak) 
     Lebar  <PRE WIDTH=?></PRE>   
  Ketengah  <CENTER></CENTER>   (untuk teks dan imej) 
N1.0  Berkelip  <BLINK></BLINK>  (tag yang sering ditertawakan) 
  Saiz Font   <FONT SIZE=?></FONT>  (antara1 hingga 7) 
  Tukar Saiz Font   <FONT SIZE="+|-?"></FONT>   
N1.0  Saiz Font Asas  <BASEFONT SIZE=?>  (antara 1-7; tetapan = 3) 
  Warna Font   <FONT COLOR="#$$$$$$"></FONT>   
N3.0b  Pilih Font  <FONT FACE="***"></FONT>   
N3.0b  Teks Berbilang Lajur  <MULTICOL COLS=?></MULTICOL>   
N3.0b  Pemisah Lajur  <MULTICOL GUTTER=?></MULTICOL>  (nilai tetapan = 10 piksel) 
N3.0b  Lebar Lajur <MULTICOL WIDTH=?></MULTICOL>   
N3.0b  Penjarak  <SPACER>   
N3.0b  Jenis Penjarak  <SPACER TYPE=horizontal| vertical|block>   
N3.0b  Saiz Penjarak  <SPACER SIZE=?>   
N3.0b  Dimensi Penjarak  <SPACER WIDTH=? HEIGHT=?>   
N3.0b  Jajaran Penjarak  <SPACER ALIGN=left|right|center>   

JALINAN DAN GRAFIK 
  Menjalinkan sesuatu <A HREF="URL"></A>   
  Menjalin ke sasaran <A HREF="URL#***"></A>  (sekiranya di dalam dokumen lain) 
<A HREF="#***"></A>  (sekiranya dalam dokumen sama) 
N2.0  Tetingkap sasaran <A HREF="URL" TARGET="***| |_blank|_self|_parent|_top"></A>   
  Menamakan sasaran pada dokumen <A NAME="***"></A>   
  Perhubungan   <A REL="***"></A>  (tidak diguna secara meluas) 
  Terbalikkan Perhubungan  <A REV="***"></A>  (tidak diguna secara meluas) 
  Paparkan Imej  <IMG SRC="URL">   
  Jajaran  <IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT>   
N1.0  Jajaran  <IMG SRC="URL" ALIGN=TEXTTOP| ABSMIDDLE|BASELINE|ABSBOTTOM>   
  Alternatif  <IMG SRC="URL" ALT="***">  (teks yang  dipaparkan bila tiada imej) 
  Peta Imej <IMG SRC="URL" ISMAP>  (Memerlukan skrip) 
  Peta Imej Sebelah Pelanggan  <IMG SRC="URL" USEMAP="URL">   
  Nama peta imej  <MAP NAME="***"></MAP>   
  Bahagian-bahagian Peta  <AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF>   
  Dimensi Imej  <IMG SRC="URL" WIDTH=? HEIGHT=?>  (dalam unit piksel) 
  Sempadan Imej  <IMG SRC="URL" BORDER=?>  (dalam unit piksel) 
  Jarak sekeliling Imej <IMG SRC="URL" HSPACE=? VSPACE=?>  (dalam unit piksel) 
N1.0  Imej resolusi rendah <IMG SRC="URL" LOWSRC="URL">   
N1.1  Client Pull  <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL">  (membuka URL tertentu mengikut tempoh)
N2.0  Selitkan Objek <EMBED SRC="URL">  (masukkan objek ke dalam laman) 
N2.0  Saiz Objek  <EMBED SRC="URL" WIDTH=? HEIGHT=?>   

PEMBAHAGI 
  Perenggan  <P></P>  (tag penutup biasanya tak perlu) 
  Jajarkan Teks  <P ALIGN=LEFT|CENTER|RIGHT></P>    
  Baris Baru  <BR>  (mulakan teks di baris baru) 
  Tamatkan kawalan Teks  <BR CLEAR=LEFT|RIGHT|ALL>   
  Garisan Melintang  <HR>   
  Jajaran Garisan  <HR ALIGN=LEFT|RIGHT|CENTER>   
  Ketebalan Garisan <HR SIZE=?>  (dalam unit piksel) 
  Lebar Garisan <HR WIDTH=?>  (dalam unit piksel) 
N1.0  Peratusan Garisan   <HR WIDTH="%">  (peratusan daripada lebar muka surat) 
  Garisan tanpa 3D  <HR NOSHADE> 
N1.0  Tiada pemisah baris <NOBR></NOBR>  (mengelak daripada pemisahan baris) 
N1.0  Pemisah baris  <WBR>  (di mana perlu dipisahkan jika perlu) 

SENARAI  
  Senarai tanpa urutan <UL><LI></UL>  (<LI> sebelum senarai item) 
  Padatkan  <UL COMPACT></UL>   
  Jenis Bullet   <UL TYPE=DISC|CIRCLE|SQUARE>  (untuk seluruh senarai) 
<LI TYPE=DISC|CIRCLE|SQUARE>  (dari sini dan seterusnya) 
  Senarai berurutan  <OL><LI></OL>  (<LI> sebelum senarai item) 
  Padatkan  <OL COMPACT></OL>   
  Jenis penomboran  <OL TYPE=A|a|I|i|1>  (untuk seluruh senarai) 
<LI TYPE=A|a|I|i|1>  (dari sini dan seterusnya) 
  Nombor permulaan  <OL START=?>  (untuk seluruh senarai) 
<LI VALUE=?>  (dari sini dan seterusnya) 
  Senarai Definisi <DL><DT><DD></DL>  (<DT>=terma, <DD>=definisi) 
  Padatkan  <DL COMPACT></DL>   
  Senarai Menu <MENU><LI></MENU>  (<LI> sebelum senarai item) 
  Padatkan  <MENU COMPACT></MENU>   
  Senarai Direktori  <DIR><LI></DIR>  (<LI> sebelum senarai item) 
  Padatkan  <DIR COMPACT></DIR>   

LATAR BELAKANG DAN WARNA 
  Imej Latar belakang  <BODY BACKGROUND="URL">   
  Warna Latar Belakang <BODY BGCOLOR="#$$$$$$">   (urutannya merah/hijau/biru)(RGB) dalam nombor heksadesimal 
  Warna Teks  <BODY TEXT="#$$$$$$">    
  Warna Jalinan  <BODY LINK="#$$$$$$">    
  Warna Jalinan telah dilawat  <BODY VLINK="#$$$$$$">    
  Warna Jalinan aktif  <BODY ALINK="#$$$$$$">    

AKSARA KHAS (mestilah dalam huruf kecil) 
  Aksara Khas  &#?;  (di mana ? adalah kod ISO 8859-1) 
  <  &lt;   
  >  &gt;   
  &  &amp;   
  "  &quot;   
  Registered TM  &reg;   
  Copyright  &copy;   
  Non-Breaking Space  &nbsp;   

BORANG  
  Definisi Borang  <FORM ACTION="URL" METHOD=GET|POST></FORM>   
N2.0  Memindah hantar fail  <FORM ENCTYPE="multipart/form-data"></FORM>   
  Medan Input  <INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO| IMAGE|HIDDEN|SUBMIT|RESET">   
  Medan Nama <INPUT NAME="***">   
  Medan Nilai <INPUT VALUE="***">   
  Bertanda?  <INPUT CHECKED>  (kotak tanda dan kotak radio) 
  Saiz Medan <INPUT SIZE=?> 
  Panjang Maksimum <INPUT MAXLENGTH=?> 
  Senarai pilihan <SELECT></SELECT>   
  Nama senarai <SELECT NAME="***"></SELECT>   
  Bilangan pilihan  <SELECT SIZE=?></SELECT>   
  Pilihan Berbilang  <SELECT MULTIPLE>  (boleh buat lebih dari satu pilihan) 
  Pilihan  <OPTION>  (item-item yang boleh dipilih) 
  Pilihan awal   <OPTION SELECTED>   
  Saiz ruang Input Teks  <TEXTAREA ROWS=? COLS=?></TEXTAREA>   
  Nama Ruang Teks  <TEXTAREA NAME="***"></TEXTAREA>   
N2.0  Kawal unjuran teks  <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA>   

JADUAL 
  Definisi Jadual  <TABLE></TABLE>    
  Sempadan Jadual  <TABLE BORDER=?></TABLE>   
  Jarak antara sel  <TABLE CELLSPACING=?>   
  Jarak di dalam sel  <TABLE CELLPADDING=?>   
  Lebar Jadual <TABLE WIDTH=?>  (in pixels) 
  Peratusan Lebar  <TABLE WIDTH="%">  (percentage of page) 
  Baris Jadual  <TR></TR>   
  Jajaran Baris   <TR ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM  
VALIGN=TOP|BOTTOM|MIDDLE> 
 
  Sel Jadual  <TD></TD>  (must appear within table rows) 
  Jajaran sel  <TD ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM  
VALIGN=TOP|BOTTOM|MIDDLE> 
 
  Tanpa pemisah baris teks  <TD NOWRAP>   
  Kepanjangan Lajur Sel <TD COLSPAN=?>   
  Ketinggian Baris Sel  <TD ROWSPAN=?>   
N1.1  Lebar Sel  <TD WIDTH=?>  (in pixels) 
N1.1  Peratus Lebar Sel  <TD WIDTH="%">  (percentage of table) 
N3.0b  Warna Sel  <TD BGCOLOR="#$$$$$$">   
  Kepala Jadual  <TH></TH>  (same as data, except bold centered) 
  Jajaran kepala jadual  <TH ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM  
VALIGN=TOP|BOTTOM|MIDDLE> 
 
  Tanpa pemisah baris teks  <TH NOWRAP>   
  Kepanjangan Lajur  <TH COLSPAN=?>   
  Ketinggian Baris  <TH ROWSPAN=?>   
N1.1  Lebar kepala jadual  <TH WIDTH=?>  (in pixels) 
N1.1  Peratusan Lebar  <TH WIDTH="%">  (percentage of table) 
N3.0b  Warna Sel <TH BGCOLOR="#$$$$$$">   
  Keterangan Jadual <CAPTION></CAPTION>   
  Jajaran   <CAPTION ALIGN=TOP|BOTTOM>  (above/below table) 

BINGKAI  
N2.0  Dokumen Bingkai  <FRAMESET></FRAMESET>  (menggantikan <BODY>
N2.0  Tinggi Baris  <FRAMESET ROWS=,,,></FRAMESET>  (piksel atau %) 
N2.0  Tinggi Baris  <FRAMESET ROWS=*></FRAMESET>  (* = saiz relatif) 
N2.0  Lebar Lajur  <FRAMESET COLS=,,,></FRAMESET>  (piksel atau %) 
N2.0  Lebar Lajur  <FRAMESET COLS=*></FRAMESET>  (* = saiz relatif) 
N3.0b  Lebar Sempadan  <FRAMESET BORDER=?>   
N3.0b  Sempadan  <FRAMESET FRAMEBORDER="yes|no">   
N3.0b  Warna Sempadan  <FRAMESET BORDERCOLOR="#$$$$$$">   
N2.0  Definasi Bingkai  <FRAME>  (kandungan bingkai secara individu) 
N2.0  Paparkan Dokumen  <FRAME SRC="URL">   
N2.0  Nama Bingkai  <FRAME NAME="***"|_blank|_self| _parent|_top>   
N2.0  Lebar ruang tepi  <FRAME MARGINWIDTH=?>  (ruang tepi kiri dan kanan) 
N2.0  Tinggi ruang tepi <FRAME MARGINHEIGHT=?>  (ruang tepi atas dan bawah) 
N2.0  Scrollbar?  <FRAME SCROLLING="YES|NO|AUTO">   
N2.0  Tidak boleh ubah saiz  <FRAME NORESIZE>   
N3.0b  Sempadan  <FRAME FRAMEBORDER="yes|no">   
N3.0b  Warna Sempadan  <FRAME BORDERCOLOR="#$$$$$$">   
N2.0  Kandungan tanpa bingkai  <NOFRAMES></NOFRAMES>  (untuk pelayar yang tidak menyokong bingkai) 

JAVA 
  Applet  <APPLET></APPLET>   
  Nama Fail Applet <APPLET CODE="***">   
  Parameter  <APPLET PARAM NAME="***">   
  Lokasi Applet  <APPLET CODEBASE="URL">   
  Identiti Applet <APPLET NAME="***">  (untuk rujukan dari mana-mana bahagian dalam laman) 
  Teks Alternatif <APPLET ALT="***">  (untuk pelayar yang tidak menyokong Java) 
  Jajaran  <APPLET ALIGN="LEFT|RIGHT|CENTER">   
  Saiz  <APPLET WIDTH=? HEIGHT=?>  (dalam unit piksel) 
  Jarak  <APPLET HSPACE=? VSPACE=?>  (dalam unit piksel) 

LAIN-LAIN 
  Komen  <!-- *** -->  (tidak dipaparkan pada pelayar) 
  Prolog HTML 3.2   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">    
  Index boleh cari  <ISINDEX>  (menandakan index yang boleh dicari) 
  Prom  <ISINDEX PROMPT="***">  (teks untuk mendapatkan input) 
  Kirim carian  <A HREF="URL?***"></a>  (guna tanda soalan yang betul) 
  URL untuk fail yang sedang diguna <BASE HREF="URL">  (mesti di dalam bahagian kepala) 
N2.0  Nama Asas Tetingkap  <BASE TARGET="***">  (mesti di dalam bahagian kepala) 
  Perhubungan  <LINK REV="***" REL="***" HREF="URL">  (mesti di dalam bahagian kepala) 
  Maklumat Meta   <META>  (mesti di dalam bahagian kepala)
  Gaya  <STYLE></STYLE>  (belum dosokong secara meluas) 
  Skrip  <SCRIPT></SCRIPT>  (belum disokong secara meluas) 

 | Kandungan | Senarai TAG |

Best Viewed With Internet Explorer 4.0 and Above

Also With Resolution 800 x 600 

Copyright © 2000-2001 MÓz@ @rt & Dʧìgn.cÓm. All Right Reserved  

Designed By MÓz@ ThÊ LÊgÊñD

Webmaster