Basic HTML
Tags
<html> </html>
Creates an HTML page. Goes at the beginning and at the
end of the page.
<title> -page name- </title>
Puts the name of the page in the title bar
<body bgcolor=CCFFFF> Colors the page
using name or number of the color (CCFFFF = Pale Blue)
Text Tags
<h1> Creates the largest headline
</h1>
Createst the largest headline
<h6> Creates the smallest
headline </6>
Creates the smallest headline
<b> Creates BOLD text
</b> Creates BOLD Text
<i>
Creates ITALIC text </i> Creates ITALIC text
<u> Underlines text </u>
Underlines text
<tt> Creates typewriter-style text
</tt> Creates typewriter-style text
<font size=?> </font> Sets
size of font, from 1 to 7. The text on this page is Size 4.
Font Size 1
Font size 7
<font
color=red> Font color=Red </font> Sets font
color, using name or number of color
Font color = Red
<font face=Arial> </font>
Sets kind of font (Arial, Impact, Courier,
etc,) Arial Impact Courier
Formatting
<p> Paragraph text </p>
Creates a new paragraph
<p align=?>
</p> Aligns a paragraph to the left, right or
center; or justify (all that means is that spaces
have been added between
the words so the line of text extends from the left to the
right
margins.
(Without <p align=?> <p>
default is to the left.)
<br> Inserts a
line break (similar to <p> )
Adds a space in the line of text
Graphical Elements
<img src="-name-">
Adds an image
<alt="-text-">
Shows text with image when mouse hovers
<img
src="-name-"align=?> Aligns an image left, right,
center; bottom, top, or middle
<body background="image.jpg">
Places image as background
<bgproperties="fixed"> Background image
is fixed when scrolling
Miscellaneous Tags
<hr>
Inserts a horizontal rule
<hr size=15> Sets
height of rule
<hr width=150> Sets width of rule
<hr noshade> Creates a rule without a
shadow
<marquee> -text- </marquee>
Text moves left to right, loops back to left
<marquee direction=right> -text-
</marquee> Text moves right to left, loops back
to right
<marquee direction=down>
-text- </marquee> ; Text moves down ten rows to
next line
<marquee
direction=up>-text-</marquee> Text moves up
ten rows to previous line
<marquee behavior=alternate> -text-
</marquee> Text moves back and forth
<marquee bgcolor=red> -TEXT- </marquee> Colors
background of the text line only
<marquee bgcolor=red><font
color=white> -TEXT- </font></marquee> Colors font and
background
<a
name="BackToTop"> </a>
Place at Top of Page just below <html>
<a href="#BackToTop">
Back To Top </a> Place anywhere at Bottom of
Page, but above </html>
TRY IT
------------> Back To Top