markup examples

The designs are by others, the markup is my own style to create modern, semantic, fast loading web documents. Your site will look just as the image you supply, these samples highlight the source code not the design.

click on the thumbnail images to see the source

thumbnail image of markup showing how each section relates to the otherEven when it looks like tables may be involved, this nice design uses only lists, headers, and paragraphs with the four main sections separated by "divs" and semantic mark-up.
thumbnail image of colourful web site design doesn't show that the xhtml to render it is only 2.4KBWhat this colourful web site design doesn't show, is that the xhtml to render it is only 2.4KB. Search Engine Optimization is enhanced with the xhtml source order of menu at bottom of document.
thumbnail image of markup showing how each section relates to the otherThis web site shows markup created with a customized Content Management System that outputs valid xhtml/css. Basic installation starts at $200.
thumbnail image of web siteModern HTML and CSS methods done correctly can improve your position with search engines such as Google with the use of semantic headers, paragraphs, lists and image replacement techniques.
thumbnail image of markup showing a semantic orderThe markup flows in a semantic order making updates to the content by hand or through a CMS easy. With lots of pages, this site uses a "drop down" menu for easy navigation.
thumbnail image of markup showing how each section relates to the otherThis web site shows two css colour schemes and the menu (Style Latest / Style Old 1) in a different position using the same xhtml as the source.

To Top