html code tips
When you begin designing your HTML web pages, you may find that many HTML courses fall short when it comes to providing you with special effect HTML codes and tips.
However, there are many special effect HTML codes that will enable you to enhance your visitors experience tremendously.
When trying to decide what HTML codes to use within your web pages, keep in mind, if it doesn't enhance your web page, it's probably best to leave it out, as the more special effects you add to your page, the longer your page will take to load.
In addition, prior to using any of these HTML codes and tips within your web pages, you must ensure that the effect you're trying to achieve doesn't irritate your visitors.
For example, using HTML codes that load web pages within web pages may crash your visitors browser. In addition, using excessive pop up windows, frames and placing scrolling text within the status bar can be very irritating and cause your visitors to leave your web site and never return.
Please ensure you select your special HTML codes very carefully and use them to your fullest advantage.
Web Design Mistakes
Confusing
Pop up messages
Poor load time
Over use of Java
Poor overall appearance
Poor use of HTML tables
Spelling/Grammar mistakes
Poor organization
Inconsistent page design
No contact information
No 'about us' page
No privacy policy
Different backgrounds on each page
Poor content
Poor navigation
Over powering music set to auto play
Broken HTML code links and graphics
Poor browser compatibility
Large slow loading graphics
Too many graphics
Large Welcome banners
Flashing banners
Pages scrolling to oblivion
Multiple colored text
Multiple use of animated graphics
Text difficult to read
Animated bullets
No Meta tags
Too many graphic and/or line dividers
Multiple use of different fonts
Under construction signs
Busy, distracting backgrounds
Scrolling text in the status bar
Multiple banners and buttons
Large scrolling text across the page
Poor use of HTML code frames
Large fonts
Poor use of mouse over effect
When you begin designing your web site, try to keep your main HTML page as small as possible. For example, instead of trying to cram all your information into a single web page, consider creating sections for your content. These sections can contain highlights of your content with a link to further information. You can set up your content sections in HTML tables with colored heading sections for information, such as articles, products or whatever you'd like.
To keep your main HTML page smaller, it is much better to keep it down to the most essential elements. You can then use links to additional pages to provide the detailed information. A good rule of thumb isLess is More.
To enhance your web page, you can format your text using bold headlines, colored HTML table cells, and graphic bullets and/or arrows.
If you use the same graphic bullets and arrows throughout your page, you can enhance your page's appearance, but you won't add any additional time to your web page load time. When you reuse an image, your image only has to load once. When the image has loaded, it will instantly be displayed in all of the other locations.
If you're looking for some HTML codes and tips to spice up your web site, you've come to the right place. You will find a variety of HTML codes and tips below. Simply click on the links and copy and paste the codes into your web page according to the instructions.
Embedding Web Pages within Web Pages
if you're looking for a way to display a web page within a web page, this HTML code may be just what you're looking for.
As you can see in the example below, we are displaying a web page within the web page that you are viewing right now.
This HTML code will enable you to display rotating tips, images or whatever you'd like.
Copy and paste the code below into your web page where you would like to embed the additional page
If you need to redirect your visitors to a new page, this HTML redirect code may be just what you're looking for.
When designing a web site, many times you must change the location of a web page. However, if the page is popular, your visitors may have already linked to it. In addition, the Search Engines have most-likely already indexed the page.
For this reason, it is best to replace your page with a new page that will redirect your visitors to the new page. This provides a great way to provide your visitors with the information they were looking for and prevent you from losing your traffic.
However, when using this HTML redirect code, please ensure that you don't use it to trick the Search Engines, as this could get your web site banned. It is always best to work hard and learn quality ways in which to drive traffic to your web site.
Place the following HTML redirect code between the and tags of your HTML code.
The above HTML redirect code will redirect your visitors to another web page instantly. The content="0; may be changed to the number of seconds you want the browser to wait before redirecting.
Adding Color To Your HTML Web Page Table Background
HTML web page tables are used within a web page to organize content. They can be displayed with background colors, with or without borders, and can contain rows and columns displayed in an unlimited number of ways.
For example, if you look toward the top of this web page, right below the tabs, you will see our navigational links displayed within an HTML web page table with a grey background. We use color table backgrounds throughout this web site. HTML Web Page TableIn this example, the HTML table below contains 2 columns and 1 row. The left column has the background color set to #72A4D2. The right column has the background color set to #EAE8E8.
| This is an example of a table with background colors. This HTML table has 2 columns and 1 row. |
Edit the text indicated in bold to suit your needs.
Using HTML web page tables with color backgrounds is a great way to add color to your web pages without using graphics
Changing Web Page MarginsIf you would like to change or remove your web page margins, you can change them by placing the following attributes within your tag.
To change or remove the top, bottom and side page margins on a web page, place the following code within your tag:
This code is compatible with both Internet Explorer and Netscape Navigator.
Internet Explorer supports:
topmargin=0
bottommargin=0
leftmargin=0
rightmargin=0
Netscape Navigator supports:
marginheight=0
marginwidth=0
Make sure you use them all to enable your web page to be properly viewed in both browsers.
| topmargin=0 bottommargin=0 leftmargin=0 rightmargin=0 marginheight=0 marginwidth=0> |
Preventing Search Engine IndexingIf you're looking for a way to prevent Search Engines from indexing certain web pages within your web site, this HTML tip is for you.
Meta tags are used to give detailed instructions in regard to a web page to the Search Engines and browsers.
Many times, you may have a web page that you don't want the Search Engines to index, such as download pages or private membership sites. To help with this problem, add one of the following META tag codes between the and tags of your HTML.
The following META tag tells the Search Engine robots not to index this page and not to follow any links within the page:
The following META tag tells the Search Engine robots not to index this page, but follow any links within the page:
|
Open a new window on page unload
If you're looking for a way to open a new window when you leave a web page, this code may be what you're looking for.
This HTML code will open the web page you specify as soon as you leave the original web page.
This provides a great way to gain new subscribers to your publication, introduce a product or whatever you'd like.
Opening a new window on page unload, or in other words, when your visitor is leaving your page is also a great way to make one last try to make a sale. You're visitor is leaving your site anyway, so this is your last chance to sell them. Make it count.
If you don't have a special offer of your own to introduce, use the window to open an affiliate site that you may be promoting. This provides a great way to bring the affiliate site to their attention and even make a sale.
Place the following code, indicated in bold, within your web page's BODY tag:
| onUnload=window.open('http://www.domain.com'); self.blur();> |
Change the web address to the page you would like to open
Currently have 0 comments: