HTML

ASCII CHARACTER CHART

What is an ASCII chart? An ASCII Chart is a simple way to keep a list of what all the printable, or displayable characters are. All computers store information as a set of 1′s and 0′s (bits), not as actual characters. A group of eight (8) bits make a byte. Believe More >

Finding Parents for Orphaned Pages

Keep your frame content pages from being left “orphaned”, that is, being viewed without the accompanying frameset. An orphaned page can be a real downer for your visitor, because usually in a frame-based site items such as navigation menus and headers are found in other frames. If a page loads More >

Forcing Pages to Reload

While most Web pages are relatively stable, you may have some that change frequently. For example, you might have a page that dynamically displays your company’s stock quote, changing on a minute-by-minute basis throughout the day.

Unfortunately, if the page is cached on the user’s machine, more recent versions may never More >

Form Labels

ou can make a checkbox or radio button work like they work in Windows, and allow the user to click on the text after the control to activate the control, instead of forcing them to click on that little tiny box or radio button.

Put “label” tags around the control, and More >

Hovering ToolTips Hovering

The HTML 4.0 TITLE attribute causes a ToolTip to be displayed when the user hovers over an element:

<A HREF="./completesale.htm">
<IMG SRC="./gifs/productimage.gif"
  TITLE="Click this image to purchase"></A>

Unlike the ALT attribute, which applies only to <AREA> and <IMG> tags, you can place a TITLE on any HTML element, such as over More >

How long does is take to load a page?

<html> <head> <script><!–

/************************************************************************ This script is written by Edward Yim (eyim@netvigator.com). ************************************************************************/

x = new Date() function cal() { y = new Date() diff = y.getTime() – x.getTime() alert(“It took ” + diff/1000 + ” seconds to load the entire page”) }

//–></script>

<body onload=cal()>

Body of the Web Page Goes Here

</body> </html>

More >

HTML Cheat Sheet Cheat

Forget what some of the tags in HTML do? No worries: Here’s a quick reference guide to help you. Print it out and tape it to your computer or your friend’s head.

Basic Tags <html></html> Creates an HTML document <head></head> Sets off the title and other information that isn’t displayed on the Web page itself <body></body> Sets More >

Labels and Keyboard Shortcuts

Internet Explorer 4.0 supports HTML 4.0. Two new attributes in HTML 4.0 are LABEL and ACCESSKEY. They are used to improve usability and accessibility by associating a keyboard shortcut or a label with the element. When the users clicks on the LABEL, the click event is passed on to the More >

Link ToolTips

s it possible to create tooltips, hints, or popup text in my HTML?  – Internet Explorer 4.x and above will display tooltips-style text for any information stored as a title attribute for a tag, i.e.,

<a href=”http://www.psacake.com/web/ title=”Web Tips & tricks!”>www.dev-sy.com</a>

You can get some control over the layout of the text by inserting carriage More >

Making sure International Web Browsers Render your Web Pages Correctly

A recent survey concluded that 40% of the web population are non-English speakers. Many of these use non-English version web browsers. Don’t assume that everyone’s default character set is the same as yours – explicitly state your intended character set. For western characters this can be achieved with:

<meta http-equiv=”Content-Type” content=”text/html; More >