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)
Validate your HTML and CSS
- The Basics
HTML 5 didn't suddenly spring into existence fully formed - most of it is HTML 4.
- HTML and the DOM
- HTML for Email
The HTML you need for emails is the same now as it was in 1997 - HTML 3.2.
The new form field types and the pattern attribute mean that most form field validation can now be done from HTML.
- Mobile Browsers and Page Width
With a wide range of browser viewport widths you need to have your pages arrange themselves appropriately to the available width.
- HTML 3.2
Even though it was the standard for under a year way back in 1997, it is still used by well over 90% of web sites even today.
- HTML and XHTML - What's the Difference
These two languages look very much alike but there are some subtle differences.
- 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.
- Country Selection Drop Down Box
A free country selection drop down box you can add to your page.
- 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.
- 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.
- 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.
- "Access by Design"
This book covers dos and don'ts of static web pages.
- Gaps Between Images
Resolving problems with white space.
- Relative Address Quirks
Some unusual quirks in the way that relative internet addressing works.
- 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 - second edition"
A review of the new updated edition.
- 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.
- "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?/li>
- 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.
- 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.
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. This provider has a number of different ad options including inFrame which needs some additional CSS they don't provide.
- "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.
- Embed - A Tag With No Purpose
There is nothing that the proprietary embed tag can do that the standard object tag can't.
- Forum Links and SEO
Just how useful are links to your site from forums?
- Updating to HTML 4
While some are talking about HTML 5 most still haven't finished transitioning to HTML 4.
- "HTML & CSS The Good Parts"
Some people's idea of what parts of HTML are good are not the same as other people's.
- Standards for Markup Languages
SGML is to markup languages as HTML is to web pages.
- language First
You wouldn't write your content before selecting whether to write in English, French, Spanish, or whatever so why write the HTML and then ask what language to identify it as?
- Web Page Width
Lots of beginners ask what screen resolution they should design their web page for - here's the answer.
- Why Doesn't This Site Do What I Say You Should Do With HTML And CSS?
What I recommend you do with HTML and CSS in the content of these pages does not necessarily correspond to the way the HTML and CSS used on the page itself are written. Here's the explanation on why you should do what I say and not do what I did (back when I created this site).
- Two Standards for HTML
The standards that those creating web browsers need to follow with respect to HTML and those that the people creating web pages should follow are very different.
- HTML for Web Page Authors
The W3C standards are written for those creating the browsers and so not everything it says to allow should actually be used by web authors.
- Copyright and the Web
There is no difference in the way copyright works on the web to the way that it works elsewhere - material on the web is subject to copyright.
- Tables For Layout - Why Not?
There are many reasons why using HTML tables for layout is a bad idea and it has never really been a good idea. The only reason it ever got used in the first place was because the alternatives that are now available weren't there at the time.
- HTML Versions
Which is the current standard for (X)HTML is dependent on what browsers support them and not on what the standards body says is the standard.
- The Site Owner's Attitude
The attitude that the owner of a web site has will make a big difference to the designer's job in designing their site.
- HTML5 or Not
A discussion of when it might be appropriate to start using HTML 5.
- When to use the <i> Tag
There are times when italics does not mean emphasis.
- Old HTML
Most web pages are still written using HTML tags that were made obsolete in 1997.
- Common HTML Validation Errors
The most common HTML validation errors, what the errors mean, and how to fix them.
- Creating Forms
Many people leave out several steps when creating forms and so do not end up with valid, user friendly forms.
- Textarea With Partly Fixed Content
By making two textareas look like one you can have fixed content in front of the part you allow your visitors to enter.
- Selecting Scripts
- Creating 'valid' HTML 5
How to validate pages that contain HTML 5 tags without having the doctype accept any HTML 3.2 garbage as valid.
- Screen Resolution and the Web
Another discussion of what you need to take into account in choosing a width for your web pages.
This ad service doesn't do what they claim.
- Home Page and About Page - What's the Difference?
A disacussion of the very different purpose that each of these two web pages serve on a site.
- Standards or What Works
A look at some of the reasons why simply creating web pages that currently work is creating problems for the future.
- Two Ways to Attach Labels
The standards allow labels to be attached in tweo different ways but in my view one is more semantic than the other.
- Why Label Form Fields?
All form fields except for buttons need to be labelled - here's why.
- he Three Parts of HTML
When you look at the available HTML tags there are three groups you need to concern yourself with as you look at different parts of the page.
- Why Standards Get Updated
There are a number of reasons why standards get updated.
- When to use a Table
Looks at the difference between an HTML table and a CSS table.
- A Comparison of HTML Versions
Here we look at how some HTML has changed over time by comparing how different versions of HTML handle video and embedding other web pages.
- Combo Box or Selection List
A discussion of the difference between these two field types and how to code a combo box in HTML.
- Submitting Forms
A look at the different ways that forms can be submitted.
A review of an ad service that looks promising but turns out to be unusable.
- When Can we Start using XHTML?
It has been around since 1997 and might just be getting close to the time when we can actually start using it.
- AdSense - Have you Updated Your Code?
If you have been using AdSense for a while then the ad code you are using in your page may not be the latest version.
- Select List or ComboBox
These are two very different form elements but some people get them mixed up.
- Verifying User Input
A look at right and wrong approaches to getting users to verify what they enter into your form.
- Coding Radio Buttons
A look at a couple of ways to code a radio button group.
- Form Validations
An introduction to the HTML 5 pattern attribute.
- Logins and User Interaction
Some thoughts on how to keep track of specific users between pages.
If you have a different HTML question please ask Felgall.
Validate your HTML and CSS
For more help in setting up your own web site check out these