HTML/XHTML structure

HTML/XHTML structure


Use these Jump Links to move about the document


I do not intend to produce a rigorous tutorial on HTML. These are available all over the Web. I place here a few common basic guidelines and ideas.
The Different Sections in a page of Code
There are two main sections in a page's code: the HEAD and the BODY.
The HEAD contains behind-the-scenes information about the page. Search engines read this information and use it to help searchers find you.
The BODY is the main section and is the code that determines what is seen on the screen.
HTML Command Code
Command Codes or TAGS are the special typing characters that your browser recognises and interprets as instructions to how it should display your web page material
The table below lists common codes you will be using in your typing and their meanings
It is important to realise that codes usually come in pairs ( opening and closing tags )
that act as "brackets" around the typing/picture you want the code to refer to.
Remember the easiest way to build web pages is to copy code that works and simply modify it
If you try and type from scratch you will probably make errors and end up getting very frustrated.
The HTML Tags
Line Break - starts a new line. Note that there is not a separate closing tag for this and so the closing command is included within the same tag (the forward slash /)
creates the start of a Table
ends a Table .. this is the closing tag
creates the start of a new row in the table
ends a row .. this is the closing tag
inserts "Header" text - you can set the font/style in the CSS. You can treat it as an alternative Table Data Tag
ends a table header .. this is the closing tag
creates the start of some table data .. normal table content .. you can type text in here or insert an image (see the image tag)
ends table data .. this is the closing tag
Image Tag - inserts an image. This example image is called roseweb01 and is in the images folder.
Note that there is not a separate closing tag for this and so the closing command is included within the same tag (the forward slash /).
Also note that you must make sure you type the correct image extension to make it work. In this case .gif

Home(RoseAlma Craft Centre) *  Home(RoseWeb services) *  Tutorial Index * Back to 'Working with HTML' Index