Table of Contents

Contents

A Basic Template

Text

Images

Links

Colors

Body Tag

Tables

Upload to Net

TEXT FORMATTING

Below are various ways to control text. You can always click 'view' on the upper toolbar and 'source' in the resulting menu to see the html code that creates any page. You can do that on this page too but you can just look at the syntax example to get the general idea without viewing the html code. If you view the source code on this page you may be confused by the code lines with &'s in them. These are character entities as described in the Intro. They just enable the syntax examples to show up on the webpage as code instead of actually doing what the code does normally. There are many special little codes in html that begin with an '&' and end with a ';' and in this case these allow the '<' and '>' symbols with the html tags between them to show up on the webpage instead of being hidden as usually when they do their job.

.

Comments In HTML

Comment lines can be added to your code to enhance the human reader's understanding of what a section of code does. They are ignored by the browser and don't show up on the webpage either. If you want to type in a comment line to explain the function of a section of code so that you or someone else later can figure it out use this syntax...

<!type any comments here and they won't show up on the page or do anything in your code>

New Line and Skip A Line

In general, a webpage browser, like Internet Explorer, will display text from left to right on the screen and automatically 'word wrap' the text when it gets to the right edge of the screen regardless of how the lines of text appear in the html code. If you want to force a new line or skip a line you must use the code for the line break or the paragraph break.

<br> starts a new line (line break)(repeated use of line break will start line after line after line)
<p> skips a line before starting a new line (paragraph break)(repeated use of the paragraph break will only skip one line so repeated use of the paragraph break is futile)

Font Sizes

<font size="3">This text will be Font size 3 text</font>

Example of font size 1
Example of font size 2
Example of font size 3 (default if font size is not specified)
Example of font size 4
Example of font size 5
Example of font size 6
Example of font size 7

Headers

<h4>This text will be Heading Size 4 text</h4> or to center it on page..
<h4 align="center">This text will be Heading Size 4 text</h4>

Heading Size 1


Heading Size 2


Heading Size 3


Heading Size 4


Heading Size 5

Heading Size 6

Some Font Types

<font face="Times New Roman">This text will be in Times New Roman</font>

Times New Roman
Comic Sans MS
Courier New
Impact
Arial
Palatino
Zapf Calligraphic
Georgia
Times
Serif

Font Color Change In Midst Of Page

<font color="#0000FF">This Text will be blue</font>

Red Text
Green Text
Blue Text

Bold, Italic and Underlined Text

<B>This text will be bold</B>
<I>This text will be italic</I>
<U>This text will be underlined</U>

bold
italic
underlined