HTML Hints and Tips
We now have Package Deals to create and maintain your website for you.
(includes special prices for community groups and hobby clubs)
- Creating a Common Navigation Panel without Frames
Using external Javascripts for navigation avoids the need for frames.
- Want to ensure that browsers don't adjust your column Widths?
How to make sure your table columns are as wide as you want them to be.
- Defining Multiple Frames
How to define a frameset.
- Concealing the Page Name (note: uses frames)
By puting your page into frames you can avoid having the filename for the page show in the address bar.
- Linking to Foreign Language Sites using
Babelfish Translation
Translate your web pages into other languages using Babelfish.
- The Back Button
Adding a back button or link to your web page.
- Specifying Fonts
How to tell your web page what fonts to use.
- Linking to Elsewhere on the Same Page
How to create hyperlinks that take you to elsewhere on the same page.
- Creating a Thumbnail Image Link
How to link your thumbnail image to a larger one.
- Concealing your Email Address from Internet Spiders
How to make it harder for your email address to be stolen by spambots.
- Country Selection Drop Down Box
A free country selection drop down box you can add to your page.
- Linking to Other Pages via a Drop Down Selection Box
You can use a drop down box for your site navigation.
- Page Transitions with Internet Explorer
Internet Explorer allows you to create fancy transitions between pages. Here's how.
- Fully Justified Text
Justify your web page to both left and right margins.
- Describing Your Page to Search Engines
Setting up meta tags to display a description in search engine results lists.
- Setting Link Colours
Setting the colours for your hyperlinks.
- Creating Groups of Radio Buttons
How to identify radio buttons as belonging to the same group.
- A Hyperlink to "Print"
How to place a link on your page that will print it out..
- Partial Protection of Images
A way to partly protect your images by hiding them behind a transparent image.
- Page Layout Using Tables
How to use tables to control the layout of your web page.
- Linking to Downloadable Files
How to provide downloadable files on your web site.
- Using thead, tbody, and tfoot
Specifying your table headers and footers using the thead and tfoot tags.
- Counting Lost Visitors
You can count the number of people who start loading your page and the number who finish loading it. The difference is the lost visitor count.
- Compressing your HTML
Make your html file as small as possible so it loads faster.
- The Navigation Bar
Defining the entries to appear in the browser navigation bar.
- Displaying HTML Source Code in Web Pages
A simple form that will convert HTML source code into text that can be displayed in a web page.
- Converting HTML to Javascript
A simple form that will convert HTML source code into Javascript.
- Disabling the View Source Favelet
Blocking the View Source Favelet from decrypting page source.
- Combo Boxes
HTML doesn't include a combo box but you can easily create one.
- Creating an HTML Head Block
A form to generate the head block for your page.
- Gaps Between Images
Resolving problems with white space.
- Relative Address Quirks
Some unusual quirks in the way that relative internet addressing works.
- Web Site Popularity
Trying to work out how popular your web site is, then here are some ideas.
- Radio Button Text Selection
Allow visitors to your page to select a radio button by clicking on the associated text.
- Mathematical Symbols
Codes that you can use to include Mathematical calculations in your text.
- "Google Advertising Tools"
A Review of the book published by O'Reilly.
- "Google Advertising Tools - second edition"
A review of the new updated edition.
- Multi-Page Forms
Creating forms that go over more than one page.
- Why Use XHTML
Reasons why XHTML can be a better choice than HTML.
- Naming Form Fields
You can't just name form fields with any characters that you like, there are clearly defined rules on what you can and can't use.
- No Right Click and MySpace
You can no more block the context menu on MySpace than you can on any other web site.
- Javascript and MySpace
Since MySpace doesn't support Javascript is there an alternative?
- "Build your own Web Site the Right Way using HTML & CSS"
A Review of the book published by Sitepoint.
- Getting Started
What do you need to put your site onto the web?
- Robots Meta Tag
Controlling how the search engines spider your site.
- Filling a Table Cell
How to stop whitespace messing up your image placement.
- HTML & XHTML the Definitive Guide
Want to know what some obscure HTML tag or attribute was supposed to mean? This book will tell you.
- Gradient Backgrounds Without Images
Can background gradients be done without needing a conventional background image.
- The Ultimate HTML Reference
This book contains excellent material that is let down by a few simple formatting issues.
- Alternative HTML in Forms
The way you code your form fields can make the subsequent processing of the form easier.
- IE Fieldset Bleed Bugs
Internet Explorer handles the background behind fieldset elements incorrectly. Here's a way to fix it.
- Microformats
A new standard way to semantically identify some page content for which specific HTML tags do not exist.
- The Alt Attribute
Lots of people get the purpose of the alt attribute mixed up with that of the title attribute.
- Build Your Own Web Site the Right Way
The second edition of this book isn't as good as the first.
- HTML Right or Wrong
Looking at the difference between writing proper valid HTML and writing something that works but which may not be valid.
- Form Fields Without Form Tags
When is it valid to code form fields without a form tag wrapper.
- HTML and Fonts
Why did they do away with the font tag in HTML and how are you supposed to set fonts without it?
- HTML and Whitespace
Whitespace in your HTML source is automatically reduced to a single space. Here we look at how you should control what whitespace actually appears in your web page.
- HTML and Downloading
There are two ways to attempt to control whether linked files are displayed in the browser or offered for download.
- HTML and Font Size
There is no way to control the sizes of fonts from properly written HTML so how exactly do we recommend font sizes to our visitors?
- Uses of the "id" Attribute
This is one of the most versatile attributes you can use in your web page as it has a number of different uses.
- Doctypes and HTML Versions
Just exactly what is a doctype and what is its real relationship to the HTML you write.
- Protecting Email Addresses in Web Pages
Place an email address in a web page and it will receive lots of spam. Here's how to prevent that.
- Anatomy of a Web Page
There is more to a web page than just a doctype followed by HTML.
- Maintainability or Efficiency
HTML defines some tags as optional. Here's a discussion of the trade off between including and not including optional tags.
- HTML Standard to Follow
There are a number of different HTML standards that have been developed since HTML was first created. Let's consider which one is the appropriate one to be following right now.
- InfoLinks Advertising
There are various ways to add advertising to a web page and various companies that can provide ads.
- "Using Joomla"
The book that tells you how Joomla works and how to use it to build a web site.
- "Web Design For Developers"
This book introduces the basics of web design assuming that you are already familiar with web development.
- Invalid HTML
Reasons why having errors in your HTML may not be a good idea even if it works in popular browsers.
- "HTML & XHTML Pocket Reference"
A pocket sized reference to HTML 3.2, 4 and 5. The only problem is that the obsolete and draft entries are all jumbled in with the standard ones.
If you have a different HTML question please ask Felgall.
For more help in setting up your own web site check out these Webmaster Links.
