bannerwelcome
Search Real Knowledge
View Sitemap | Search Tips
 Home   Advertise  File Downloads Computer Center Windows XP Tips Vista Tips  Glossary  News Letters  Resources 

Some Basic HTML Tags And Their Meaning

HTML (HyperText Markup Language) Tags are basically instructions used in a Web Page document that instruct all web browsers to perform certain actions with the text and/or graphics. For example, Tags can be used to change the font size and tags can be used to embed (fix or set securely) images into a web page. These Tags are the words or phrases surrounded by the less than (<) and greater than (>) symbols.

line

HTML Tags And Their Meaning

There are basically three types of tags:
  1. Tags that only require one element such as the <HR> line break.
  2. Tags that require an Opening and Closing tag such as <H1></H1> where the closing tag contains is preceded with a forward slash (/).
  3. Comments within the HTML source code are not displayed by the browser and must use the following format: <!-- comment -->
line

Document Setup:

<HTML>...</HTML> - Designates the file is an HTML document.
<HEAD>...</HEAD> - HTML Header.
<TITLE>...</TITLE> - Document Title (placed within the header).
<BODY>...</BODY> - HTML Body (main document contents)

line

Text Sizes:

<H1>...</H1> - Headline 1

<H2>...</H2> - Headline 2

<H3>...</H3> - Headline 3

<H4>...</H4> - Headline 4

<H5>...</H5> - Headline 5
<H6>...</H6> - Headline 6
line

Additional Text Sizes:

<font size=6>...</font> - Font Size 6

<font size=5>...</font> - Font Size 5

<font size=4>...</font> - Font Size 4

<font size=3>...</font> - Font Size 3

<font size=2>...</font> - Font Size 2

<font size=1>...</font> - Font Size 1

line

Text Styles:

<STRONG>...</STRONG> - Strong text (STRONG is preferred)
<B>...</B> - Bold text

<EM>...</EM> - Emphasized text (EM is preferred)
<I>...</I> - Italicized text
<CENTER>...</CENTER> - Centered Text
<P ALIGN="CENTER">The ALIGN parameter also centers the text.</P>

<CODE>...</CODE> - Code text is in a monospaced font.

<BLOCKQUOTE>...</BLOCKQUOTE> - The entire text surrounded by the tag is indented. Nesting quotes will nest the indent.

line

Links:

<A>...</A> - Anchor or Link

<IMG> - Graphic Image/Clickable Map
Image Example: <IMG SRC="new.gif" ALT="New!"> New!

line

Elements:

<BR> - Line Break
<P>...</P> - Paragraph
<HR> - Horizontal Rule (Line)
<OL>...</OL> - Ordered List
  1. Apples
  2. Oranges
  3. Kiwi
<UL>...</UL> - Unordered List
  • Apples
  • Oranges
  • Kiwi

<LI>...</LI> - List Item - Use this with the Ordered and Unordered lists

line

Meta-Characters:

&lt; - less than symbol (<)
&gt; - greater than symbol (>)
&copy; - copyright symbol (©)
&trade; - trademark symbol (™)
&amp; - ampersand symbol (&)
&quot; - double quotes (")

You Can Also View The Web Page Color Code Chart By Reading: 216 Color Browser Safe Palette

line

Want To Get The Best Prices Available?
line
E-Mail
Darren@nypoet.com