HTML Syntax Summary


Special Character Codes:

""Quotation mark
&&Ampersand
<&LT;Less Than
>&GT;Greater Than
 &nbsp;Non Breaking Space

Comments

<!-this would be a comment and NOT shown ->

Headers

<H1>H1 title</H1>

<H2>H2 title</H2>

<H3>H3 title</H3>

<H4>H4 title</H4>

<H5>H5 title</H5>
<H6>H6 title</H6>

<H3 ALIGN=left>H3 title (left=default)</H3>

<H3 ALIGN=center>H3 title (centered)</H3>

<H3 ALIGN=right>H3 title (right aligned)</H3>

Bold, etc. markup

<B>BOLD</B>
<I>ITALIC</I>
<U>UNDERLINE</U>
Super<SUP>script<SUP> and <SUB>sub<SUB>Script

Paragraph markup

Force a line break<BR>
which is not a container tag.

<P>Generate a paragraph.</P>

<P>And generate another paragraph. This is a container tag.</P>

Centered Text

<CENTER>Centered</CENTER>:

PREformatted

<PRE>
retain all preformatting
                         including multiple spaces
       line breaks, etc. (but you get this ugly font!)	
</PRE>

Horizontal Rule

< HR align=center size=3>
< HR align=center size=5>

Blockquote

here is a blockquote:
<BLOCKQUOTE>this is a long quote about nothing in particular that I could attribute to myself. But I won't bother attributing something this trite and trivial. But I will cite that I could attribute it.</BLOCKQUOTE>

Color

<font color=#FF0000>text in red</FONT>
<font color=#00FF00>text in green</FONT>
<font color=#0000FF>text in blue</FONT>
Background color needs something to contain it (such as a form, the entire page or part of a table).
<TABLE BGCOLOR=#0000FF ><TR><TD><FONT color=#FFFFFF>like this</FONT></TD></TR></TABLE>
produces
like this
Some color names are predefined: RED BLUE GREEN BLACK YELLOW PURPLE etc.

Anchor

<A HREF="file:///C:\work\html summary.HTM"> the displayed label </A>

Lists

Ordered list (Automatically numbered)
<OL>
  1. <LI> the first entry </LI>
  2. <LI> the second entry </LI>
  3. <LI> the third entry </LI>
</OL>

Unordered list
<UL></UL>

Tables

<TABLE border=0>
<TR> <TD>column1</TD> <TD>column2</TD> <TD>column3</TD> </TR>
<TR> <TD>column1</TD> <TD Colspan=2>column2+3</TD> </TR>
</TABLE>

<TABLE border=10>
<TR> <TD>column1</TD> <TD>column2</TD> <TD>column3</TD> <TD>column4</TD> </TR>
<TR> <TD>column1</TD> <TD align=left Colspan=3>column2+3+4</TD> </TR>
<TR> <TD>column1</TD> <TD align=right Colspan=3>column2+3+4</TD> </TR>
<TR> <TD>column1</TD> <TD align=center Colspan=3>column2+3+4</TD> </TR>
</TABLE>

<TABLE border>
<TR> <TH>corner</TH> <TH>col1 heading</TH> <TH>col2 heading</TH> <TH>col3 heading</TH> <TH>col4 heading</TH> </TR>
<TR> <TH>row1 heading</TH> <TD>column1</TD> <TD>column2</TD> <TD>column3</TD> <TD>column4</TD> </TR>
<TR> <TH>row2 heading</TH> <TD>column1</TD> <TD align=left Colspan=3>column2+3+4</TD> </TR>
<TR> <TH>row3 heading</TH> <TD>column1</TD> <TD align=right Colspan=3>column2+3+4</TD> </TR>
<TR> <TH>row4 heading</TH> <TD>column1</TD> <TD align=center Colspan=3>column2+3+4</TD> </TR>
</TABLE>

Buttons

<TABLE>
<TR>
</TR>
</TABLE>

Page Overview

<HTML>
<HEAD>
<TITLE>HTML Syntax Summary</TITLE>
</HEAD>
<BODY>
<FORM> 

<H4 ALIGN="CENTER"><PRE>   HTML Syntax Summary   </PRE></H4>

</FORM>
</BODY>
</HTML>



Return to fork in the road