If you're doing business on the Internet, taking the
time to learn how to design your own web site and write
your own HTML code (hypertext markup language) will play
a major role in your success. Not only will learning
HTML coding provide you with the freedom to update your
own HTML documents, but it will also save you a great
deal of money, as you will be able to avoid hiring a
professional web designer.
If you're looking for some HTML tags to spice up your
web site, you've come to the right place. You will find
a variety of HTML codes and tips to assist you below.
However, before reviewing the HTML tags, if you're new
to HTML and web site design, the following section will
assist you in creating an HTML web page. For additional
web site design information, make sure you don't miss
the web design articles and tutorials at the bottom of
this page.
Creating an HTML Page
A web page is created
using a language called, Hypertext Markup Language,
better known as HTML Code. You can write your own coding
within a plain text editor, such as Note Pad, or use an
HTML editor, which will write the code for you.
HTML codes, also referred to as HTML tags, are enclosed
by the lesser than (<) and greater than (>) brackets and
may be written in capital or lower case letters.
The opening bracket is followed by an element, which is a
browser command, and ends with the closing bracket.
<font size=2>
An element may
also be followed by
attributes, which are words describing the
properties of the element, and further instruct the
browser.
<font size=2>
Attributes are only contained in the opening HTML tags
to the right of the element
and are separated by a space and followed by an equal
(=) sign.
The value
follows the equal sign and is enclosed in quotes.
<font size=2>
Basic HTML Document
Code Structure
Begin writing your
HTML tags by creating your document's basic layout. Copy and paste this code
into your text or HTML editor.
This area will contain everything that will be visible
through a web browser, such as text and graphics. All of
the information will be HTML coded.
For a complete list of HTML codes, tags and examples,
see the HTML chart below.
</BODY>
</HTML>
<HTML>
- Begins your HTML
document.
<HEAD> - Contains
information about the page such as the TITLE, META tags
for proper Search Engine indexing, STYLE tags, which
determine the page layout, and JavaScript coding for
special effects.
<TITLE> -
The TITLE of your page. This will be visible in the
title bar of the viewers’ browser.
<TITLE> - Closes the HTML
</TITLE> tag.
<HEAD> - Closes the HTML
</HEAD> tag.
<BODY> - This is where you
will begin writing your document and placing your HTML
codes.
<BODY> - Closes the HTML
</BODY> tag.
<HTML> - Closes the
</HTML> tag.
How to Copy and Paste
HTML Tags / Codes
To copy and paste the HTML
tags / codes from the HTML chart below into the HTML of
your web page, place your mouse pointer over the
beginning of the HTML code you would like to copy.
Next, click and hold your left mouse button and drag
your mouse over all the HTML code you would like to copy
(Example of
highlighted text). Your HTML code should now be
highlighted. Go to "Edit" - "Copy" on your web browser's
toolbar and then place your cursor within your HTML code
where you would like to place the code. Right click on
your mouse and go to "Paste." Your HTML code should now
be displaying within your HTML document.
HTML Tags Chart
To use any of the
following HTML tags, simply select the HTML code you'd
like and copy and paste it into your web page.
Browser View
Code Example
Name
Tag
Nothing will show
<!--This
can be viewed in the HTML part of a document-->
Music will begin playing when your page is loaded and
will only play one time. A control panel will be
displayed to enable your visitors to stop the music.
This is
an example displaying the use of the paragraph tag.
This
will create a line break and a space between lines.
Attributes:
Example
1:
This is an example
displaying the use
of the paragraph tag.
Example 2:
This is an example
displaying the use
of the paragraph tag.
Example 3:
This is an example
displaying the use
of the paragraph tag.
This is an example displaying the use of the paragraph
tag. <P> This will create a line break and a space
between lines.
Attributes:
Example 1:<BR>
<BR> <P align="left">
This is an example<BR>
displaying the use<BR>
of the paragraph tag.<BR>
<BR>
Example 2:<BR>
<BR> <P align="right">
This is an example<BR>
displaying the use<BR>
of the paragraph tag.<BR>
<BR>
Example 3:<BR>
<BR> <P align="center">
This is an example<BR>
displaying the use<BR>
of the paragraph tag.
