LifeTips Home
Hardware/Software
Html Tips
Design and Layout
HTML Coding
Javascript
Navigation
Starting Up
Tags Defined
Tricks & Shortcuts
Trouble Shooting
Html FAQs

Bookmark This Site
Keep up with our Tips


Tip of the Day RSS Feed
Fresh Html Tips Daily

Sponsor Program
Our tips are powerful.
Our writers are experts.
Our results are guaranteed.
 

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

Every Wednesday, 4PM Eastern.
 



Graphic Backgrounds

Stay away from using images as backgrounds on your site; there is not much good that comes from it. They can hurt usersī eyes, slow down the loading of your page, and make text difficult to read. Unless the graphic has been specifically created for implementation into a webpage, I recommend not using it as a background.
6.3 6.3
Save Tip Comments Tip Rating



Remove underlines from all links

If youīre looking to have the underlines removed from your links, this is a simple way to do it. If you want to remove it from only one link, see my tip in the tricks and shortcuts category. This tip will use style sheet tags to remove that pesky underline. If youīre not real familiar with style sheets, donīt be intimidated.

Simply place this code between the <HEAD> and </HEAD> tags:

<style>
<!--
a {text-decoration: none}
-->
</style>
6.3 6.3
Save Tip Comments Tip Rating

Donīt Forget to Close Your Tags!

Since the introduction of the 4.0 browser and HTML 4.0, itīs become increasingly important to ensure that all tags within your HTML code have a closing tag. By doing this you greatly increase your pageīs compatibility with the Netscape browser, and equally important, you reduce the time it takes for your page to load because the browser doesnīt have to do time-consuming guesswork when interpreting your code.
6.2 6.2
Save Tip Comments Tip Rating

Define Your Images

Troubled by slow-loading pages? Hereīs a tip that will give the appearance of faster loading pages. Define the height and width of the images on your webpage, like this:

< IMG SRC="mypic.gif" HEIGHT="120" WIDTH="60" >

By doing this, you create a placeholder for the image which allows the browser to continue loading the pageīs text before the image has been completely downloaded. The appearance of the text gives the illusion that the page is loading faster, and that makes a difference to your users.
6.2 6.2
Save Tip Comments Tip Rating

WYSIWYG - Sort of

If youīve just decided to make your first webpage, itīs a good idea to find a WYSIWYG (What You See Is What You Get, or not) HTML editor to create the pages. WYSIWYG editors allow you to create HTML documents by looking at the end-product as you create, meaning you donīt write the actual code; the editor does.

A great way to learn the basics of HTML when using WYSIWYG is to look at the source code as you go along. The big problem is that these editors have a tendency to "mess up" HTML code. Keep this in mind; WYSIWYG is exactly that, What YOU See Is What YOU Get, and may not be what the rest of the world gets.
6.2 6.2
Save Tip Comments Tip Rating

Placing Comments

When you write your HTML documents, insert comment tags to remind yourself what youīre doing, when things need to be updated, and anything else you think might be useful in the future. Comment tags begin with !-- and end with -- (inside brackets < > )

Itīs generally a good idea to follow these 2 rules when using comments; first, place comments on a line apart from other HTML text. Secondly, donīt use special characters (<, >, !, &) within your comment tag.
6.2 6.2
Save Tip Comments Tip Rating

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.
6.1 6.1
Save Tip Comments Tip Rating

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.
6.0 6.0
Save Tip Comments Tip Rating

Provide Quality

The best way to establish a name for yourself and your website is to provide quality content, whether itīs in the form of information, or a product or service. Donīt be fooled into thinking that just because XYZ browser comes out with a new enhancement, you have to use it to prove that youīre up with the times. Instead, distinguish yourself by the
quality of content that you present.
6.0 6.0
Save Tip Comments Tip Rating

Screen Resolution

The most popular setting for screen resolution is 800x600, although with the popularity increase of bigger monitors, 1024x768 is not far behind. When building webpages itīs a very good idea to make sure that you donīt make your pages wider than 800 pixels. We all know how annoying it is to have to scroll left and right to see an entire webpage, so why would we make our users do it?
6.0 6.0
Save Tip Comments Tip Rating



Learn more about our Exclusive Program we offer our clients.


 
LifeTips is part of ideaLaunch, the hub for a group of websites offering
solutions that help clients improve mind share, market share and profit online.
Privacy Guaranteed.
Satisfaction Required.