Welcome to XHTML / CSS Tutorials

XHTML / CSS Tutorials is here to present you with a new learning resource and referance web site. Through our series of tutorials you will definatly find an article which will be of use. From the novice xhtml coder to the coder looking for quick css snipplets to speed up their workflow‚ xhtml / css Tutorials is here for everybody.




XHTML Tags and Basic Examples

In XHTML, the tags are enclosed between the 2 angled brackets, "<" and ">". It is used for the identification of the marked up element. For every web page there will be corresponding XHTML document. Each web page will be displayed in different styles depending on these mark-up tags. The tags are not only used for the styling of web pages alone but also used for designing the layout of the page design. These basic XHTML tags when working in conjunction with CSS can be styled pretty much any way your mind can imagine. There are different types. READ MORE

Using Classes in CSS to mark-up XHTML elements

With the help of classes in XHTML and CSS the designers and developers can place many forms of styling onto elements contained within the web page. This is a good practice to use when styling your XHTML content using CSS. Always separate your content from style, which is what CSS is mainly used for. Using classes does not involve any complicated instructions, tips or tricks, only a small little addition will be required within the XHTML code. These additions can be made on almost all of the XHTML tags with the acception of a few which we will. READ MORE

CSS - A Basic Introduction to Cascading Style Sheets

CSS stands for Cascading Style Sheets. With the help of these Cascading Style Sheets it is possible to add new looks and feel to your XHTML document, also the content can be organized in an efficient manner. By using these styles, any webpage design can be re-created to match the designers mock-up file. Only a small change in CSS code will be required for redesigning the style of a newly added page. It should also be noted that it's better to keep the XHTML code and the CSS code separately. Style and Structure should always be kept separate. READ MORE

XHTML Doctypes for easy reference

Here’s the 3 DTD used in XHTML. I have included them here for easy access for cut–and–paste when you’re creating your new XHTML compliant web document. Remember‚ if you plan on having a web page that passes the W3C validation test’s you MUST declair a doctype at the very beginning of your file.

If your new to XHTML and used to programming in HTML‚ then use the XHTML Transitional doctype. This will render the file slightly different. It’s a little more lenient as to the html/xhtml transition. READ MORE

XHTML 1.0 - A Basic Introduction

Extensible Hypertext Markup Language, or commonly known as XHTML is the big brother of HTML. The changes between XHTML 1.0 and HTML are very minor and are there to mainly conformance with XML standards. The main and most important change is a document must be well formatted and all elements and tags are closed as required in XML. This means you must define all tags in lowercase.

All elements must also be closed, including any empty elements such as img, br, and meta. Closing these elements is as simple as adding a closing slash to the end. READ MORE