Examples

HTML

Minimal Web Page: <html> <head> <title>Title</title> </head> <body> </body> </html>
Adding titles <html> <head> <title>Title</title> </head> <body> <center> <h1>Title for Page</h1> </center> </body> </html>
Adding horizontal rules and headings <html> <head> <title>Title</title> </head> <body> <center> <h1>Title for Page</h1> </center> <hr> <h1> Heading 1 </h1> Major Heading (e.g. title) <h2> Heading 2 </h2> Major Section size <h3> Heading 3 </h3> Subsection size <h4> Heading 4 </h4> Sub-subsection size <h5> Heading 5 </h5> Footnote size <h6> Heading 6 </h6> Smallest size <hr> </body> </html>
Adding Background Colors and images
(Note: use the unix command "showrgb" to find colors) <html> <head> <title>Title</title> </head> <body bgcolor="add8e6" text=white>  <center> <img src=dilbert.jpg> </center> Text is in white! </body> </html>
Adding tables <html> <head> <title>Title</title> </head> <body> <hr> <table align=center border=1> <tr> <td> (1,1) </td> <td> (1,2) </td> <td> (1,3) </td> </tr> <tr> <td> (2,1) </td> <td> (2,2) </td> <td> (2,3) </td> </tr> </table> default spacing <hr> <table align=center border=1 cellpadding=10> <tr> <td> (1,1) </td> <td> (1,2) </td> <td> (1,3) </td> </tr> <tr> <td> (2,1) </td> <td> (2,2) </td> <td> (2,3) </td> </tr> </table> cellpadding=10 <hr> <table align=center border=1 cellspacing=10> <tr> <td> (1,1) </td> <td> (1,2) </td> <td> (1,3) </td> </tr> <tr> <td> (2,1) </td> <td> (2,2) </td> <td> (2,3) </td> </tr> </table> cellspacing=10 <hr> </body> </html>
Multicolumn text using tables <html> <head> <title>Multicolumn Text via tables</title> </head> <body> <table width=70% align=center cellspacing=5 cellpadding=10 border=0> <tr> <td valign=top width=30% style="text-align:justify;"> The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. </td> <td valign=top width=30% style="text-align:justify;"> The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. </td> </tr> </table> </body> </html>
Wrapping text around images
Wrapping text around tables
Fonts <html> <head> <title>Fonts</title> </head> <body> <font face="Arial">Arial font</a><p> <font face="Times">Times font</a><p> <font face="Lucida">Lucida font</a><p> <font face="Lucidabright">Lucidabright font</a><p> <font face="Baskerville Old Face">Baskerville Old Face font</a><p> <font face="Broadway">Broadway font</a><p> <font face="Comic Sans MS">Comic Sans MS font</a><p> <hr> <font face="Comic Sans MS, Arial, Helvetica"> Font sequence </font> - Try Comic Sans MS first, then Arial, then Helvetica, then default (Times Roman) </body> </html>
Form Controls