Welcome
 Best viewed with IE4+ and a 800x600 screen

  Modem slow? Check Your Bandwidth Speed Here Check It With Net Monitor Get It Here!

Welcome

Site Menu

HTML Lessons

Sign Up Now. It's FREE

Name:

Email Address:




HTML Forum



Imp's Guestbook



Headline News

You'll find up to date news on subjects such as Late Breaking, World, International Sports, Entertainment, Music, Cricket, Formula 1 Racing, Golf, Soccer, Tennis, Track & Field, Hackers News, Lawsuits, War, Australia, France, Israel, Japan, South Africa and Great Britain.


Learning How HTML Tags (M-P) Work...

Map  <MAP> </MAP>

The Map Tag defines a client side image map. It gives a name to a collection of AREA tags that are superimposed over an inline image to connect user clicks with URLs.

How to set a Map Tag:

<MAP NAME="name here">Area tags here</MAP>

Back To Top Of Page



Marquee  <MARQUEE></MARQUEE>

The Marquee Tag gives you the ability to set up blocks of text or objects that move around on the page when the visitor views the page.

How to set an Marquee Tag:

<MARQUEE ALIGN="top">

ALIGN= This attribute works like the ALIGN attribute in the IMG tag, setting the location of the surrounding text. The attributes used within this are, TOP, BOTTOM or MIDDLE.

<MARQUEE BEHAVIOR="scroll">

BEHAVIOR= This allows you to set how the text in the Marquee behaves. The attributes used within this are, SCROLL, SLIDE and ALTERNATE.

<MARQUEE BGCOLOR="#hexcode">

BGCOLOR= This allows you to set the background color of the Marquee text area. Use the Hexadecimal Color Code or the Color name.

<MARQUEE DIRECTION="left">

DIRECTION= This allows you to set which direction the text will move. The attributes used within this are, LEFT and RIGHT.

<MARQUEE HEIGHT="50%"> or <MARQUEE HEIGHT="200">

HEIGHT= This allows you to set the height of the Marquee text area. Use absolute pixel size or a percentage of the height of the page.

<MARQUEE LOOP="10">

LOOP= This allows you to set how many times the text should move across the screen.

<MARQUEE SCROLLAMOUNT="3">

SCROLLAMOUNT= This allows you to define the amount, in pixels, to move the scrolling text by each time it is drawn.

<MARQUEE SCROLLDELAY="20">

SCROLLDELAY= This allows you to set the delay, in milliseconds, between drawings.

<MARQUEE WIDTH="200">

WIDTH= This allows you to set the width of the Marquee text area. Use absolute pixel size or a percentage of the width of the page.

Back To Top Of Page



Meta  <META>

The Meta Tag is a one-sided tag which allows you to place an Horizontal Line on your page.

How to set a Meta Tag:

<META CONTENT"content here">

CONTENT= This allows you to set the content to be associated with the Name you have set in the NAME= attribute.

<META HTTP-EQUIV="action here">

HTTP_EQUIV= This allows you to set actions that can be made to occur on the visitors browser, such as page re-directions. This replaces the Name= attribute.

<META NAME="name here">

NAME= This allows you to set the name to be associated with the Content you have set in the Content=attribute.

Back To Top Of Page



Multi-Column Text  <MULTICOL>

The Multi-Column Text Tag is a container, used to split the display into columns without using frames or tables.

How to set a Multi-Column Text Tag:

<MULTICOL COL="3">

COLS= This allows you to set how many columns the display will be split into. This attribute is mandatory.

<MULTICOL GUTTER="20">

GUTTER= This allows you to set how many pixels of space will be between columns. Default is 10.

<MULTICOL WIDTH="20">

WIDTH= This allows you to control the width of an individual column.

Back To Top Of Page



No Frames  <NOFRAMES> </NOFRAMES>

The No Frames Tag lets you add content for browsers that cannot resolve the <FRAME> tag. However, browsers that can display Frames will ignore this tag.

How to set a No Frames Tag:

<NOFRAMES>Sorry, your browser does not support Frames</NOFRAMES>

Back To Top Of Page



Ordered List  <OL> </OL>

The Ordered List Tag allows you to create numbered lists on your page.

How to set an Ordered List Tag:

<OL TYPE="A">

TYPE= This allows you to set how the 'bullets' will appear on the list. The attributes used within this are,

  1. TYPE="A" (Upper Case Letters...ie, A, B, C, etc.)
  2. TYPE="a" (lower case letters...ie, a, b, c, etc.)
  3. TYPE="I" (Upper Case Roman Numerals...ie, II, III, IV, etc.)
  4. TYPE="i" (lower case roman numerals...ie, ii, iii, iv, etc.)
  5. TYPE="1" (Standard numbers...ie, 1, 2, 3, etc.)

<OL START="100">

START= This allows you to set the starting number for your list.

In order for you to successfully create a list, you must include list items set with a <LI> tag, between the opening and closing Ordered List tags, like so:

<OL>
<LI> Item one
<LI> Item two
<LI> Item three
<LI> Item four
</OL>

Back To Top Of Page



Paragraph  <P>

The Paragraph Tag will allow you to seperate text blocks. It tells the text to stop displaying on the current line and drops the cursor down two lines to begin the next line. (Unlike the line break tag <BR> which drops the text down one line)

How to set a Paragraph Tag:

text on first line <P> text on the third line

<P ALIGN="center">

ALIGN= This allows you to set how your paragraph should be aligned on the page. The attributes used within this are, LEFT, RIGHT and CENTER.

Back To Top Of Page



Parameters  <PARAM>

The Parameters Tag is used in Java Applets to define various options and parameters used by the applet.

How to set a Parameters Tag:

<PARAM NAME="option name here" VALUE="option value">

Back To Top Of Page



Pre-formatted Text  <PRE> </PRE>

The Pre-formatted Text Tag defines text that should be shown in a fixed width font with line breaks and other whitespace specified by the page author. There is no need to use <BR> tags to indicate line breaks, line breaks in the source will be displayed by the browser. In addition multiple spaces will be displayed as multiple spaces. Typically used for several lines of a program code or for poetry.

How to set a Pre-formatted Text Tag:

<PRE WIDTH="40"> text here </PRE>

WIDTH= This allows you to set the maximum number of characters per line.

Back To Top Of Page

Top

Home | My Interests | Imp's Chat Server | HTML Basics
HTML Advanced | HTML References | My Favourite Sites

Copyright © 2001 Imp's Basic HTML

Psend kept free because of these great sponsors.a..

Other Sponsors

electrical connectors, Mangosteen Juice, real estate short sale, Jupiter FL real estate,

Furniture Markdown

Great Deals on furniture - Free Shipping!
Discount Furniture
Daybeds
Metal Beds
Platform Beds
Futons

Y-Net Wireless Internet

Denver area high speed wireless privider.
Colorado High Speed Internet, Wireless Internet Denver, VOIP Denver CO, T1 provider Denver, Denver Wireless ISP , Denver Internet Access,

Dog House Technologies

Doghouse Techonologies is located in Tampa Bay FL and offer professional web design, ecommerce development and custom application design for the internet.
Tampa Bay Web Design, E-Commerce Web Design, Tampa Bay Search Engine Marketing, Tampa Web Hosting, Florida Web Design, Custom Application Development, Search Engine Optimization,

hosting.asp">Tampa Web Hosting and Florida Web Design This site hosted curtosy of Psend.com's Free Web Hosting. Psend is a division of Telos Online, Inc. Psend kept free because of these great sponsors.a..

Other Sponsors

electrical connectors, Mangosteen Juice, real estate short sale, Jupiter FL real estate,

Furniture Markdown

Great Deals on furniture - Free Shipping!
Discount Furniture
Daybeds
Metal Beds
Platform Beds
Futons

Y-Net Wireless Internet

Denver area high speed wireless privider.
Colorado High Speed Internet, Wireless Internet Denver, VOIP Denver CO, T1 provider Denver, Denver Wireless ISP , Denver Internet Access,

Dog House Technologies

Doghouse Techonologies is located in Tampa Bay FL and offer professional web design, ecommerce development and custom application design for the internet.
Tampa Bay Web Design, E-Commerce Web Design, Tampa Bay Search Engine Marketing, Tampa Web Hosting, Florida Web Design, Custom Application Development, Search Engine Optimization,