Author Spotlight
Lynne Christen

Self-Publish
Your Book Now

Get Fresh Tips Every Week!
Don't Miss Any Html Tips. Subscribe to the Html Tip Newsletter.

View Archive


Tip of the Day RSS Feed
Fresh Html Tips Daily


Listen to our Radio Show
Hot topics for both consumers
and webmarketers
on WebmasterRadio.FM

Every Wednesday, 4PM Eastern.

 

Html Tips

Read these 57 Html Tips in 8 categories ranging from Design and Layout to Trouble Shooting. Each tip is approved by our Editors and created by expert writers so great we call them Gurus. LifeTips is the place to go when you need to know about Html tips and hundreds of other topics. Become a Guru or Become an Advertiser.

Embedded Blanks

Proper syntax is imperative to HTML to be interpreted by the browser as intended. If, when viewing a page that you create, it appears as if an element is missing, this is the first thing to check for.

All HTML tags require that the characters in a name be continuous. You can't add extra blanks within a tag or its surrounding markup without causing the browser to ignore the tag (which is what browsers do with tags they can't recognize).

Here's an example; This requirement means that </BODY> is a valid closing tag for a document body, but that none of the following are legal:

< /BODY>

</ BODY>

</B ODY>

</BO DY>

</BOD Y>

</BODY >

You get the idea. Don't use blanks inside tags, except to deliberately seperate a tag name from an attribute name.

Center <CENTER> ... </CENTER>


Definition:

Indicates that the enclosed text should be centered in the browser window.

Attributes:

None.

Suggested Usage:

Not used much anymore. Similar style sheet properties and the attribute have taken its place.

Example:

This table will appear in the center of the browser:

<CENTER>

<TABLE>

<TR><TD></TD></TR>

</TABLE>

</CENTER>


Head <HEAD> ... </HEAD>


Definition:

Defines information about an HTML document, including meta information, page title, links to other documents, and index information.

Attributes:

Profile="URL".

Suggested Usage:

Although many browsers will render an HTML document without one, <HEAD> ... </HEAD> is required. It's also a good idea if you want to include information for search engines or to establish a base URL.

Example:

<HEAD> This is where you would put your title tag, meta tags, and base tag. </HEAD>

jobs by Indeed job search
Check out our Html Jobs
Clearslide Inc. - San Francisco, CA - 12 days ago
in design or HCI Preferred - Eye for visual design - Usability testing - HTML, CSS, and JavaScript ClearSlide provides the leading cloud-based sales...
what:where:
job title, keywords or company city, state or zip

Compress Your Graphics

Using graphic images on your webpage enhances the user's experience and makes plain pages pleasing to the eye. However, the average surfer will wait no more than 25 seconds for a page to load, even when the slowdown is caused by their connection, not your page.

To make sure that your page loads fast enough to keep the surfer and still allow a great amount of freedom to use the graphics you want, I highly recommend the use of a graphic compression tool. This tool will compress your .gif or .jpg files without sacrificing much in the way of image quality.

Close window link

Opening a pop-up window to provide visitors with extra information or help adds credibility to a website. Visitors like the fact that they don't have to wait for an entire page to load (although they really are!) and they also don't have to lose their place on the page they're on.

A simple link on the page that opens in the pop-up will allow the user to close the window and return to the page they were viewing. Here's the code:

Close window

Control Position with a Single Pixel

Have you ever wanted more control over where your graphics appear on the page? HTML provides adequate formatting for most people and websites. However, if you're like me, it's not enough.

This simple trick will provide you with pixel level control of the placement of images (although you can also use it for text, tables, etc.). The first step is to create a 1 pixel by 1 pixel gif image (transparent background works best, or make several different colored gifs) with your favorite software. Next, just use the image in your code expanding its width (and/or height) to meet your needs.





 
LifeTips is a service of ideaLaunch, a leading provider of content marketing services
and solutions. Passionate, published authors keep the tips, advice and books
flowing to LifeTips readers and fans of our weekly Radio Show.
Privacy Policy and Unsubscribe
LifeTips Site Map
Html Site Map