Posts Tagged ‘html’

Display an Alert Message on Web Page Load

Monday, July 14th, 2008

If you would like an alert box to display when your page loads, place the following code within the HTML of your web page between your <HEAD> and </HEAD> tags.

<script language=”Javascript”>
<!–
alert (”Alert Message”)
//–>
</script>

Change the text indicated in red to the message you would like to display.

Although you can use the above HTML code to display an alert box when your web page loads, please use it cautiously, as you don’t want to irritate your visitors.

Using HTML Frames within a Web Site

Monday, July 14th, 2008

Frames can either compliment a web site or make it look unprofessional.

If you must use frames, use them sparingly. If not used properly, frames can make your content very difficult to view.

Avoid making your visitors have to scroll from side to side to view your content. This can be very irritating and cause your visitors to leave and never return.

Consider using small borderless frames at the top or bottom of your page that blend in with the rest of your web site.

In addition, try to only use a couple of framesets. A web site divided up into several frames not only looks bad, but is also very difficult to view and navigate.

In addition, web sites using frames are very difficult for the Search Engines to index.

If you must use frames, offer your visitors a choice — Frames verses no frames.

Creating Glowing Web Page HTML Links

Monday, July 14th, 2008

You can create glowing hyperlinks within your web page.

This special effect will make your links appear to be glowing. Place the following code within your HTML where you would like your link to appear.

Glowing Text Link Example

<SPAN STYLE=”position:relative; width:200; height:25; filter:glow(color=#3A9DFA,strength=2)”>
<A href=”http://www.domain.com”>Glowing Text Link Example</A></SPAN>

Change the text indicated in “red” for customization.

Creating glowing web page links within your sales web pages is a great way to draw attention to your links by highlighting them. However, use this HTML code carefully, as you don’t want to confuse your visitors.

Changing HTML List Bullet Styles

Monday, July 14th, 2008

The HTML LIST ITEM tag is used to create bullets to display your list text.

You can change the style of your web page bullets by adding attributes to your <LI> tag or your HTML List tag.

HTML Bullet Code:

<Menu>
<LI type=”disc”>List item 1
<LI type=”circle”>List item 2
<LI type=”square”>List item 3
</Menu>

Your list would be displayed like this:

* List item 1
* List item 2
* List item 3

To create a bulleted list within a list, your code would look something like this:

<UL type=”square”>
<LI>Your text goes here
<UL type=”circle”>
<LI>Your text goes here
<LI>Your text goes here
<LI>Your text goes here
</UL>
<LI>Your text goes here
<LI>Your text goes here
</UL>

Your list would be displayed like this:

* Your text goes here
o Your text goes here
o Your text goes here
o Your text goes here
* Your text goes here
* Your text goes here

Spice up your web pages with some customized HTML List bullets. It will give your web site a more professional appearance.

Creating an HTML Marquee / Scrolling Text

Monday, July 14th, 2008

The HTML MARQUEE tag is used to scroll text across a web page and is only supported by Microsoft Internet Explorer.

You can change the marquee background color, width, the number of times your message will scroll, and the speed that your text scrolls, by adding the following attributes within your MARQUEE tag.

BGCOLOR=”#CCCCCC” - background color

LOOP - Determines how many times the text will scroll. -1 is indefinite and will continuously scroll. You can set this to whatever you’d like.

SCROLLAMOUNT - Determines the speed your text will scroll.

WIDTH - Determines the width of your marquee.

<MARQUEE bgcolor=”#CCCCCC” loop=”-1″ scrollamount=”2″ width=”100%”>Example Marquee</MARQUEE>

If you would rather have your text bounce back and forth, place the following code within your HTML. This example displays the marquee with linked text.

<MARQUEE behavior=”alternate” scrollamount=”2″ bgcolor=”#CCCCCC” width=”100%”><A HREF=”http://www.yourdomain.com”>This is an example of bouncing text</A>.</MARQUEE>

Creating a Stationary HTML Web Page Background

Monday, July 14th, 2008

You can create a stationary HTML web page background within your web page.

Stationary background images remain in one place even when scrolling through the page. Only the text will move. To create this effect, place the following code within your <BODY> tag.

<body background =”yourimage.gif” bgproperties=”fixed”>

When selecting your background image, keep in mind that your text will be moving over your image, so try to select an image that won’t make your text difficult to read.

To prevent your background image from tiling (repeating), place the following code between your <HEAD> and </HEAD> tags.

<STYLE TYPE=”text/css”>
<!–
BODY { background-image: url(yourimage.jpg) }
BODY { background-repeat: no-repeat }
BODY { background-position: center }
–>
</STYLE>

Replace the text indicated in red with your image file.

Highlighting HTML Web Page Links

Monday, July 14th, 2008

You can display your HTML web pageĀ  links in the color of your choice by adding the STYLE attribute to your HTML code.

Copy and paste the following code into the HTML portion of your web page where you would like the link to appear:

<A HREF=”http://www.yourdomain.com/” STYLE=”background:yellow; color:black” TARGET=”blank”>http://www.yourdomain.com/</A>

You can change the colors to whatever you’d like, but keep in mind, the text must be visible through the background color.

Creating HTML Hyperlinks within a Web Page

Monday, July 14th, 2008

The ANCHOR tag is used to create a hyperlink within a web page.

To link to a web page within the same directory of your web site, you only need to include the page name within your HTML code.

<A HREF=”yourpage.html”>Text</A>

When linking to a web page within your web site in a different directory, you must include the directory name with your page name.

<A HREF=”yourdirectory/yourpage.html”>Text</A>

When linking to another web site, you must include the full URL.

<A HREF=”http://www.site.com”>Text</A>

Auto Fill an Email Subject with an HTML Mailto Link

Monday, July 14th, 2008

You can create an HTML mailto email link that will automatically fill in an email subject line when clicked on. Add the following code to your HTML.

<A HREF=”mailto:you@yourdomain.com?subject=Your_Subject”>

Changing an HTML Web Page Link Color

Monday, July 14th, 2008

You can change the color of an individual HTML web page link by adding a font tag in front of your linked text.

Example Code:

<A HREF=”http://www.blog.tryangled.com”><FONT COLOR=”#FF0000″>Your Link</FONT></A>