HEADING

<Hn ALIGN=Left|Right|Center>...</Hn>

<H1>Heading 1</H1>

<H2>Heading 2</H2>

<H3>Heading 3</H3>

<H4>Heading 4</H4>

<H5>Heading 5</H5>

<H6>Heading 6</H6>

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

<H3 ALIGN=Left>Heading Kiri</H3>

<H3 ALIGN=Center>Heading Tengah</H3>

<H3 ALIGN=Right>Heading Kanan</H3>

Heading Kiri

Heading Tengah

Heading Kanan

Teks Style

<B>Bold</B>	Bold
<I>Italic</I>	Italic
<U>Underline</U>	Underline
<SUB>Subscript</SUB>	Teks _Subscript
<SUB>Superscript</SUB>	Teks ^Superscript
<S>Strikeout</S>	~~Strikeout~~
<KBD>Keyboard</KBD>	`Keyboard`
<TT>TeleType</TT>	`TeleType`
<CODE>Code</CODE>	`Code`
<CITE>Citation</CITE>	Citation
<EM>Emphasis</EM>	Emphasis
<SAMP>Sample</SAMP>	`Sample`
<VAR>Variable</VAR>	Variable
<STRONG>Strong</STRONG>	Strong
<BLINK>Blink (hanya Netscape) </BLINK>	Blink (hanya Netscape)

HR (Horizontal Rule)

<HR SIZE=5 WIDTH="100%">
<HR ALIGN=LEFT SIZE=7 NOSHADE WIDTH="50%">
HR ALIGN=RIGHT WIDTH="50%">
<HR ALIGN=CENTER WIDTH="50%">

LINK

Link ke <A HREF="link1.html"> dokumen </A> lain	Link ke dokumen lain
Link ke tempat lain pada <A HREF="link2.html#demo"> dokumen yang sama</A>	Link ke tempat lain pada dokumen yang sama
Link ke obyek <A HREF="applause.au"> multimedia</A>	Link ke obyek multimedia
Link ke suatu <A HREF="gopher://gopher.arcade.uiowa.edu:2270/"> gopher, </A> <A HREF="ftp://ftp.novell.com/"> FTP, </A> <A HREF="telnet://spot.colorado.edu/"> telnet, </A>atau <A HREF="[email protected]"> e-mail</A>.	Link ke suatu gopher ftp telnet e-mail

LIST

Ordered List: <OL TYPE=I START=1> <LI> Item I</LI> <OL TYPE=A START=2 > <LI>Item A</LI> <OL TYPE=a> <LI>Item a</LI> <LI>Item b</LI> </OL> <LI>Item B</LI> </OL> <LI>Item II</LI> <OL TYPE=1> <LI>Item 1</LI> <LI>Item 2</LI> </OL> <LI>Item III</LI> <OL TYPE=i> <LI>Item i</LI> <LI>Item ii</LI> </OL> </OL>	Ordered List: Item I Item A Item a Item b Item B Item II Item 1 Item 2 Item III Item i Item ii
UnOrdered List: <UL> <LI>Item 1</LI> <LI>Item 2</LI> <LI>Item 3</LI> </UL>	UnOrdered List: Item 1 Item 2 Item 3
Directory List: <DL> <LI>Item 1</LI> <LI>Item 2</LI> <LI>Item 3</LI> </DL>	Directory List: Item 1 Item 2 Item 3
Menu List: <MENU> <LI>Item 1</LI> <LI>Item 2</LI> <LI>Item 3</LI> </MENU>	Menu List: Item 1 Item 2 Item 3

F O N T

<FONT SIZE=n FACE=nama font COLOR=warna>...</FONT>


<FONT SIZE=1>Font Size=1</FONT> <FONT SIZE=2>Font Size=2</FONT> <FONT SIZE=3>Font Size=3</FONT> <FONT SIZE=4>Font Size=4</FONT> <FONT SIZE=5>Font Size=5</FONT> <FONT SIZE=6>Font Size=6</FONT> <FONT SIZE=7>Font Size=7</FONT>	Font Size=1 Font Size=2 Font Size=3 (default) Font Size=4 Font Size=5 Font Size=6 Font Size=7
<FONT SIZE=3>Font Size=3 (default)</FONT> <FONT SIZE=+1>Font Size=+1 (default +1 = 4) </FONT> <FONT SIZE=+2>Font Size=+2 (default +2 = 5) </FONT> <FONT SIZE=+3>Font Size=+3 (default +3 = 6) </FONT> <FONT SIZE=+4>Font Size=+4 (default +4 = 7) </FONT> <FONT SIZE=-2>Font Size=-2 (default - 2 = 1) </FONT> <FONT SIZE=-1>Font Size=-1 (default -1 = 2) </FONT>	Font Size=3 (default) Font Size=+1 (default + 1 = 4) Font Size=+2 (default + 2 = 5) Font Size=+3 (default + 3 = 6) Font Size=+4 Font Size=-2 (default - 2 = 1) Font Size=-1 (default - 1 = 2)
<BASEFONT SIZE=5 > <FONT SIZE=-2>Font Size=-2</FONT>	Basefont Size=5 Font Size=-2
<FONT FACE="WINGDINGS,TIMES NEW ROMAN,WIDE LATIN"> FONT FACE="WINGDINGS,TIMES NEW ROMAN,WIDE LATIN" </FONT>	Font Face="WINGDINGS,WIDE LATIN,TIMES NEW ROMAN"
<FONT COLOR=yellow> FONT COLOR=yellow </FONT>	FONT COLOR=yellow

CATATAN:

Ukuran font adalah antara 1 sampai 7 dengan default font size =3.
Penggunaan tanda + atau - mengakibatkan ukuran font ditambah atau dikurangi dari ukuran default.
Default ukuran font dapat diubah dengan menggunakan elemen BASEFONT.

Warna & Latar Belakang

Warna dapat dipergunakan pada bermacam-macam elemen HTML, seperti pada:

Font teks
Link
Tabel
Latar Belakang

<FONT COLOR=red>Teks Warna MERAH</FONT> Teks Warna MERAH

<BODY
TEXT="Black"

LINK="Blue"

VLINK="Teal"

ALINK="Purple">
Penggunaan warna pada link:
TEXT="warna"

LINK="warna"

VLINK="warna"

ALINK="warna"

<BODY BGCOLOR="Aqua"> Penggunaan warna pada background (latar belakang):
BGCOLOR="warna"

<BODY BACKGROUND="bkground.gif"> Latar belakang dengan gambar

<TABLE BGCOLOR="Aqua">…</TABLE>
<TH BGCOLOR="Black">…</TH>
<TR BGCOLOR="Green">…</TR>
<TD BGCOLOR="BLUE">…</TD>
Penggunaan warna pada latar belakang :

Table (TABLE)
Table Heading (TH)
Table Row (TR)
Table Data (TD)

WARNA

256 Colors of Netscape	256 warna dari Netscape dijelaskan oleh Bob Cunningham.
Background and Colour Notes	Berisi sumber-sumber tentang background dan warna oleh Terry Kuny.
Background Colors	Warna-warna background dari Infinet.
Background Spectrum	Pilih warnanya dan anda mendapatkannya, juga memiliki suatu random page generator.
BAX - Background Generator	Memungkinkan anda untuk mewarnai dengan menggunakan slider yang dinamis.
Color Blender	Script ini memungkinkan anda untuk mewarnai dan mencampur sembarang warna seperti warna pelangi atau pola apapun yang anda inginkan.
ColorCenter	Suatu aplikasi JavaScript yang memungkinkan anda untuk memilih warna dan background.
Color Editor for Creating HTML document	Anda dapat menggunakannya untuk membuat warna latar belakang dan latar depan dari web page anda.
Color Selector/Hex Converter	Memungkinkan anda untuk memilih warna-warna untuk background, link, text, dan kemudian melihat hasilnya.
ColorServe Pro	Memungkinkan anda untuk mengubah warna background, text, dan link pada suatu page.
Colour Picker	Tentukan suatu warna dengan nama atau triplet RGB, dan contoh page akan diberikan beserta kode heksanya.
HTML Background Color Selector	Untuk artis Web yang ingin bereksperimen dengan bermacam-macam warna teks dan background.
Poynton's Color Technology Page	Menjelaskan gamma aspek nonlinear pengkodean image dalam computer graphic, image processing, video, dan transfer digital images ke cetakan. Oleh Charles A. Poynton, seorang staff engineer di SUN.
Tabel Nama dan Kode RGB Warna - oleh Sampurna	Tabel 256 nama warna dari Netscape beserta kode RGB dari setiap warna, plus bonus warna-warni dari 256 warna tersebut yang dapat dilihat langsung pada browser anda.
Thalia's Color Page	Suatu converter warna interaktif, dan sejumlah database warna oleh Mark Koenen.
Wally's Box O' Crayons	Kotak crayon dari Wally.

Form

<FORM ACTION=URL METHOD=get-post TARGET=window> ----- </FORM>	Pembuatan Form diawali dengan menentukan : URL, yaitu alamat yang digunakan untuk mengerjakan form tersebut. Metode pengiriman form, yaitu metode GET atau POST. Target yang menyatakan lokasi window dimana hasil dari form diletakkan Contoh: <FORM TARGET="kanan" ACTION="http://www.form.com/bin/search">...</FORM>
<FORM METHOD="POST" ACTION="URL"> <INPUT TYPE=text SIZE=20 MAXLENGTH=256 NAME="Text"> </FORM>	Masukkan nama anda pada kotak di bawah ini:
<TEXTAREA NAME="TextArea" ROWS=3 COLS=39>	Keterangan: Form dengan kontrol TextArea: Dengan jenis kontrol ini, teks input anda tidak hanya dibatasi pada satu baris saja, tetapi anda dapat memasukkan teks pada banyak baris.
<INPUT TYPE=password SIZE=6 MAXLENGTH=6 NAME="Password" VALUE="pass">	Masukkan Password Anda:
<P><INPUT TYPE=checkbox NAME="form" VALUE="form">Form <P>INPUT TYPE=checkbox CHECKED NAME="Tabel" VALUE="tabel"> Tabel <P>INPUT TYPE=checkbox CHECKED NAME="Frame" VALUE="frame"> Frame	Tutorial yang ingin anda pelajari: Form Tabel Frame
<INPUT TYPE=radio NAME="Radio" VALUE="L">Laki</p> <INPUT TYPE=radio CHECKED NAME="Radio" VALUE="P">Perempuan</p>	Jenis kelamin anda: Laki Perempuan
<SELECT NAME="Menu" MULTIPLE SIZE=3> <OPTION VALUE="HTML">HTML</OPTION> <OPTION SELECTED VALUE="VRML"> VRML</OPTION> <OPTION SELECTED VALUE="JAVA">JAVA</OPTION> <OPTION VALUE="CGI">CGI</OPTION> </SELECT>	Topik yang anda minati:
<INPUT TYPE=submit NAME="OK" VALUE="OK"> <INPUT TYPE=reset NAME="Batal" VALUE="Batal">	Tekan tombol OK untuk lanjut atau tombol Batal untuk menghentikan proses:

Tabel

<table border="0">
<tr>
  <td>1</td> 
  <td>2</td> 
  <td>3</td> 
</tr> 
<tr> 
  <td>a</td> 
  <td>b</td> 
  <td>c</td> 
</tr> 
</table>

Tabel Tanpa Border

1	2	3
a	b	c

<table 
  border="5" 
  bordercolor="#FF0000">
<tr>
  <td>1</td> 
  <td>2</td> 
  <td>3</td> 
</tr> 
<tr> 
  <td>a</td> 
  <td>b</td> 
  <td>c</td> 
</tr> 
</table>

Border

Bordercolor

1	2	3
a	b	c

<table border="5" cellspacing="6">
<tr>
  <td>1</td>
  <td>2</td>
  <td>3</td>
</tr>
<tr>
  <td>a</td>
  <td>b</td>
  <td>c</td>
</tr>
</table>

Cellspacing

1	2	3
a	b	c

<table 
  border="5" cellpadding="6">
<tr>
  <td>1</td>
  <td>2</td>
  <td>3</td>
</tr>
<tr>
  <td>a</td>
  <td>b</td>
  <td>c</td>
</tr>
</table>

Cellpadding

1	2	3
a	b	c

<table border="5">
<tr>
  <th align="left">
      Header 1</th>
  <th align="left">
      Header 2</th>
  <th align="left">
      Header 3</th>
</tr>
<tr>
  <td>Data 1</td>
  <td>Data 2</td>
  <td>Data 3</td>
</tr>
</table>

Header

Header 1	Header 2	Header 3
Data 1	Data 2	Data 3

<table border="5" width="100%">
<tr>
  <td>20 %</td>
  <td>50 %</td>
  <td>30 %</td>
</tr>
</table>

Width

20 %

50 %

30 %

<table border="5" width="100%">
<tr>
  <td>Kiri</td>
  <td align="center">Tengah</td>
  <td align="right">Kanan</td>
</tr>
</table>

Align

Kiri

Tengah

Kanan

<table border="5">
<tr>
  <td align="center"
   colspan="3">Jadwal</td>
</tr>
<tr>
  <th align="left">Pagi</th>
  <th align="left">Siang</th>
  <th align="left">Malam</th>
</tr>
<tr>
  <td>Kerja</td>
  <td>Istirahat</td>
  <td>Tidur</td>
</tr>
</table>

Colspan

Pagi	Siang	Malam
Jadwal
Kerja	Istirahat	Tidur

<table border="5">
<tr>
  <td rowspan="3">Jadwal</td>
  <th align="left">Pagi</th>
  <td>Kerja</td>
</tr>
<tr>
  <th align="left">Siang</th>
  <td>Istirahat</td>
</tr>
<tr>
  <th align="left">Malam</th>
  <td>Tidur</td>
  </tr>
</table>

Rowspan

Jadwal	Pagi	Kerja
	Siang	Istirahat
	Malam	Tidur

Frame

Frame

isi dari a.html

isi dari b.html

isi dari dokumen a.html

isi dari dokumen b.html

Frame Baris 1 berisi a.html
Frame Baris 2, Kolom1 b1.html	Frame Baris 2, Kolom1 b2.html
Frame Baris 3 berisi c.html

<FONT COLOR=red>Teks Warna MERAH</FONT>	Teks Warna MERAH
<BODY TEXT="Black" LINK="Blue" VLINK="Teal" ALINK="Purple">	Penggunaan warna pada link: TEXT="warna" LINK="warna" VLINK="warna" ALINK="warna"
<BODY BGCOLOR="Aqua">	Penggunaan warna pada background (latar belakang): BGCOLOR="warna"
<BODY BACKGROUND="bkground.gif">	Latar belakang dengan gambar
<TABLE BGCOLOR="Aqua">…</TABLE> <TH BGCOLOR="Black">…</TH> <TR BGCOLOR="Green">…</TR> <TD BGCOLOR="BLUE">…</TD>	Penggunaan warna pada latar belakang : Table (TABLE) Table Heading (TH) Table Row (TR) Table Data (TD)