HTML Tags (H-L)

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 (H-L) Work...

Head <HEAD> </HEAD>

The Head Tag allows you to place elements on your page that are not displayed, such as the Title and Meta Tag entries and Script tags.

How to set a Head Tag:

<HEAD>your page elements here</HEAD>

Back To Top Of Page

Heading <H#></H#>

The Heading Tag allows you to set the size of a block of text and bold it in one step. The attributes used within this are, H1, H2, H3, H4, H5, H6, H7. H1 is the largest and H7 is the smallest.

How to set an Heading Tag:

<H1>header text here</H1>

Back To Top Of Page

Horizontal Rule <HR>

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

How to set a Horizontal Rule Tag:

<HR ALIGN="center">

ALIGN= This allows you to set the horizontal alignment of the line on your page. The attributes used within this are, LEFT, RIGHT and CENTER.

<HR COLOR="#hexcode">

COLOR= This allows you to set the color of the horizontal line.

<HR NOSHADE>

NOSHADE This allows you to turn off the shading that gives the default Horizontal Rule its three dimensional appearance.

<HR SIZE="5">

SIZE= This allows you to set the height in pixels of the horizontal line.

<HR SRC="image.gif">

SRC= This allows you to set an image to be used as your horizontal line.

<HR WIDTH="50%" or "200">

WIDTH= This allows you to set how wide the horizontal line should appear on your page. You can use a percentage of the page ("50%") or the exact number in pixels.

Back To Top Of Page

HTML <HTML> </HTML>

The HTML Tag defines an HTML document. The <HTML> tag should be the first in the entire document, and the </HTML> tag should be the last.

How to set an HTML Tag:

<HTML>rest of the document here</HTML>

Back To Top Of Page

Image <IMG>

The Image Tag allows you to embed images and image objects, such as .avi files, into your pages. This is a one-sided tag and does not require a closing tag. Note: The <IMG> tag requires you always use the SRC= attribute.

How to set a Image Tag:

<IMG ALIGN="top">

ALIGN= This allows you to set how the text next to the image should be aligned in relation to the image. The attributes used within this are, LEFT, RIGHT, TOP, TEXTTOP, MIDDLE, ABSMIDDLE, BASELINE, BOTTOM, or ABSBOTTOM.

<IMG ALT="text you wish to display here">

ALT= This allows you to provide text which will be displayed in browsers that do not display images. The visitor will see the text appear when they pass their mouse over the space where the image should be. The text will also display in browsers that are able to display images, and this can be used to provide more detail about the image or the image function.

<IMG BORDER="0">

BORDER= This allows you to set the width of the border in the number of pixels. Using a border value of 0 will remove the border around the image.

<IMG CONTROLS>

ERROR= This allows you to insert display controls when you are embedding an AVI file into your page.

<IMG DYNSRC="your.avi">

DYNSRC= This specifies an AVI resource to be played, or a VRML world. Always include a still image as well with the SRC attribute, for use by browsers that do not display inline video or VRML.

<IMG HEIGHT="250">

HEIGHT= This sets the height of the image, according to the UNITS attribute.

<IMG HSPACE="5">

HSPACE= This allows you to set the amount of horizontal space, in pixels, on each side of the image.

<IMG ISMAP="http://www.server.com/imagemap.gif">

ISMAP= This allows you to set the URL of a server side image map.

<IMG LOOP="5">

LOOP= This allows you to set how many times your image resource (AVI files, etc) will play. Using the value "INFINITE" will cause the file to be played over and over endlessly as long as the visitor has the page open in their browser.

<IMG LOWSRC="your.gif">

LOWSRC= This allows you to specify that a secondary image can be loaded while the original, or primary, image is loading. This is useful when you are using image files that have very large file sizes. You can preview a smaller less graphically intense image while the visitor waits for the original image to load.

<IMG SRC="your.gif">

SRC= This allows you to set a static image you wish to display on your page. You can enter the URL to the file, or just the filename.

<IMG START="fileopen">

START= The START attribute specifies when the browser should start to play the resource specified with the DYNSRC attribute. START=FILEOPEN instructs the browser to play the resource only when the file is opened. START=MOUSEOVER instructs the browser to play the resource each time the user moves the mouse cursor over it.

<IMG UNITS="pixels">

UNITS= This allows you to set the Units used by the sum of the attributes in this tag. You can use PIXELS or EN (to indicate En spaces).

<IMG VSPACE="5">

VSPACE= This allows you to set the amount of Vertical space, in pixels, above and below the image.

<IMG WIDTH="250">

WIDTH= This allow you to set the width of the image, according to the UNITS attribute.

Back To Top Of Page

Italics <I> </I>

The Italic Tag allows you to add italic formatting to text.

How to set an Italics Tag:

<I>text you wish to appear here</I>

Back To Top Of Page

Java Applet <APPLET> </APPLET>

The Java Applet Tag allows you to embed Java Applets on your page for visitors to see or use. Java Applets consist of one or more .class files, and you can usually set some or all of the applets parameters for use on your site.

How to set a Java Applet Tag:

<APPLET ALIGN="top">

ALIGN= This allows you to set the alignment of the applet, as it will appear on your page. The attributes used within this are, LEFT, RIGHT, TOP, MIDDLE, BOTTOM.

<APPLET ALT="Sorry your browser does not support JAVA">

ALT= This allows you to set a message to be displayed for browsers that do not support applets.

<APPLET CODE="http://www.server.com/example.class">

CODE= This allows you to set what URL of the applet is that you wish to run.

<APPLET DOWNLOAD="1">

DOWNLOAD= This allows you to set the order in which various elements of the applet are downloaded.

<APPLET HEIGHT="200">

HEIGHT= This allows you to set the height of the applet display area in pixels.

<APPLET HSPACE="5">

HSPACE= This allows you to set how much horizontal space should be left to the left and right of the applet display area.

<APPLET VSPACE="5">

VSPACE= This allows you to set how much vertical space should be left above and below the applet display area.

<APPLET WIDTH="200">

WIDTH= This allows you to set the width of the applet display area in pixels.

Back To Top Of Page

Line Break <BR>

The Line Break Tag tells a line of text to stop displaying on the current line and drops the cursor to the beginning of the next line.

How to set a Line Break Tag:

text on one line <BR> text on the next line

Back To Top Of Page

List <LI>

The List Tag lets you define list items to be added to an Ordered List or Unordered List. It no longer requires a closing tag.

How to set an List Tag:

<UL type="circle">

item one
item two
item three
item four

<ul type="circle">
<li> item one
<li> item two
<li> item three
<li> item four
</ul>

TYPE= This allows you to set how specific 'bullets' or 'numbers' will appear on your list. The attributes used within this are, SQUARE, DISC, CIRCLE for Unordered Lists, and A, a, I, i, 1 for Ordered Lists.