HTML Tags
There are quite a few HTML tags out there. If you don't know already, the tags
are the <bracketed> characters surrounding text on HTML pages. Each tag
has a particular purpose, and many have multiple attributes which define the
specific function of a tag.
For example, a <body> tag has attributes like BGCOLOR, BACKGROUND, etc. Below
are some commonly used tags that you will see throughout this tutorial:
- BODY TAG
- <body bgcolor="white" text="black" vlink="red" alink="red" link="blue"> will
set the page background color to white, the text on the page to black, hyperlinks blue
until visited or active, and those colors are defined as well. There are some other
properties for the body tag as well which will handle the page margins and background
image properties.
- FONT TAG
- In order to manipulate your page text's size, color, or font face, you use the <font>
tag. This tag also has multiple attributes, mainly describing the:
<font size="+1">size</font> = size
<font color="Fuchsia">color</font> = color
<font face="Times New Roman">face</font> = face
<font face="Times New Roman" size="+1" color="Fuchsia">all three</font> = all three
- LINE BREAKS
- There are multiple ways to shift text down to the next line. The two most popular are
the <br> (single line break) tags and the <p> (paragraph) </p> tags.
- HORIZONTAL LINE
- The horizontal rule <HR> tag will add a horizontal line to your page.
- HYPERLINKS
- Hyperlinks are the bread and butter of the Internet. They are how we can "connect" all
of our web pages together, allowing the user to navigate from one to the other. The tag used
for creating hyperlinks is called the "anchor" tag and is as follows:
<a href="http://www.umt.edu" target="_blank">The University of Montana</a>
will create the link:
The University of Montana
The reason the property "target" is
used, is due to this tutorial being in frames. This propertie is not required unless a specific
frame or a new window is desired.
- IMAGES
- In order to import images onto a web page, the image (img) tag is used. See below:
<img src="../images/aspbible.jpg" border=0 alt="Buy This Book">
returns:
You can combine the image tag (place between) with the anchor tag to make an image link to
another page or site. This is how "buttons" are utilized on most web pages. They are simply
graphic images created, and brought into a page with the image tag. They gain their functionality
by surrounding the image tag with the anchor tag.
Next