HTML Tips, Tricks and Trouble Shooting

Hyper Text Markup Language (HTML) is the language browsers use to structure the core of a web page. Sometimes you run into issues and confusion with HTML. Below are some articles that address the most common HTML issues.

HTML Body OnLoad Coding Example

An example of HTML body onload.

HTML Multiple Forms Tutorial

If you need to use multiple HTML forms on the same HTML page, remember to assign them individual URL's in the action attribute.

Tab Space in HTML (Tutorial) - HTML Tab

The simplest way to get a HTML tab space display properly in your HTML page is to wrap your text around

 tags. Learn how to do it.

HTML Compression Tutorial

Regular HTML documents, especially when created with some WYSIWYG editors, contain quite a lot of unnecessary fluff that boosts the size of the document and impacts the visitors' access times. Learn what you can do about it here.

Image Marquee Codes in HTML

The marquee HTML tag can scroll images as well as text.

HTML Comment Line

All designers place comments inside their HTML code, and you should do it too.

Paragraph Alignment in HTML

You can align paragraphs in HTML using only one attribute.

HTML Input Element

The HTML Input element allows users to interact with your web page and submit various information.

HTML Get Element by ID

Ever needed to modify certain properties of HTML tags or even change whole blocks of text on the fly, without any server-side calls? Here is an approach to do it.

CSS Font Underline

Once upon a time you only had the "u" tag to underline text. However, using CSS is more scalable for css font underline.

HTML Close Tags

Ever wondered how to close HTML tags properly? Or whether you should close an INPUT tag? Here are some tips.

Setting Radio Buttons Image

Radio buttons should come with clickable labels -- it's a common usability standard. Here is a simple DHTML trick that will check a radio button when you click its associated image.

HTML ALT Image

The alt attribute in an HTML img tag specifies an alternative text to be displayed if the image cannot be rendered.

Custom SUBMIT Button

Standard HTML submit buttons are ugly. You can design a button in your image editor and use it instead.

Custom Check Box

You can control the checked or unchecked status of a check box with JavaScript/DHTML. Learn how to do it here.

Custom dropdown list

Like the rest of FORM elements, dropdown lists can be customized and accessed with Javascript/HTML event calls. Here is how to do it.

CSS Floating Text

Floating text and floating boxes are one of the core concepts of CSS and they allowed designers back in 2000 to drop tabled design and arrange page elements solely with CSS. Read a crash course on how to do it properly.

CSS and DHTML

If you ever need to change various properties of your CSS sheet without refreshing the current window, here is an approach to do it.

HTML DIV Tutorial

The DIV tag is an HTML tag that allows you to provide HTML layout structure.

CSS in HTML Example

CSS properties may be defined inline. Enter the details inside the style property of each tag. Here is a CSS in HTML example.

Change the color of a link in HTML by CSS

You can use CSS (Cascading Style Sheets) to change the color of all links on a single page, or specific links.

HTML Links on Same Page

You can create links that point to different sections of the same page by using the link name attribute. Learn how to create links that point to the same page here.