Supported by :   My Law Forms Ltd. - Deed polls and Tenancy Agreements

You are currently browsing the archives for the XHTML tips category.

CSS background for my space pages

A quick and effective way to enhance and personalise a webpage, or section (body, div, table) is to add an image background. This can also add greater depth than a flat colour. For this example let us look at how to add a background image to a myspace page;

XHTML help: basics – tables, tr, td, th

Sooner or later you will need to create a table of some sort. There are lots of options for displaying tabular data in XHTML so first lets look at basic HTML tables.

Stop spam: Don’t use mailto links!

How can you add an email address link (mailto:) to a webpage but also reduce the risk of that email address being harvested by spammers?

XHTML help: basics – images, the IMG tag

Every website looks a lot better with pictures. To get some great images on your page you’ll just need one simple line: <img src=”” />

XHTML help: basics – unordered list, ordered list, definition list

In HTML there are several different types of lists. Mostly commonly you’ll use an unordered list. There are two other types of lists that you could use as well: the ordered list and the definition list. Of course an ordered list can be used for items with priorities, or to show a specific order of [...]

XHTML help – DIV or SPAN? DIV vs SPAN.

These two tags are often used inter-changeably by developers for different reasons, so what are the differences between them? How should they be used to markup web pages?

XHTML help: basics – page links and anchors

One of the foundational elements on the web are links, or addresses to other web pages on the Internet. Links can be internal to your website or external, pointing toward some other resource on the web. Your basic link uses the tag <a>, for anchor, and it looks like this:

Section titles – CSS text alignment

Often a designer will wish to have a section or paragraph title bar which contains two separate pieces of text displayed on one line. This may be a text title on the left and a date or time stamp on the right. This can be accomplished very cleanly with a few CSS attributes applied to [...]

XHTML help: basics – essential tags (p em strong)

There’s pretty much one element you absolutely can’t live without when marking up your pages. It’s the paragraph element. You’ll use this tag to mark, you guessed it, paragraphs. Here’s how: <p>This is my paragraph that isn’t much of a paragraph. Aren’t paragraphs 3-4 sentences long?</p>

XHTML help: basics – headings

When you first begin learning XHTML it feels a little overwhelming. If you happen to look at bad examples, such as Microsoft’s website, that feeling can get even worse. You typically see tables everywhere, font tags, inline styles, and hundreds of lines of this stuff. But it doesn’t have to be that way. HTML really [...]