July 24, 2010

Advanced HTML Tutorial

Advanced HTML Tutorial
Headers are text that is formatted in the style of headers just like you would find in a report. There are six levals of header with 

being the biggest and

 being the smallest. To create headers simply surround an area of text with a beginning and ending header tag.
Header tags are very useful. However, if you want normal text then you should use a paragraph tag
. Paragraph tags again do exactly as their name suggests. They format your text as a paragraph. To use them all you have to do is surround an area of text with a 
and a . Ok so you have lots of nicely formatted text but you want some images. Well lets do that then.

To add images to you web documents you need to use the image tag. Unlike other tags however, the image tag has no end tag. In order to use the image tag we will have to go over attributes. Attributes are subsections that get added to a beginning tag to add functionality. Attributes DO NOT get added to end tags.
Insert the tag where you want you image to go. Now in the tag add the "src" attribute and specify the  path to the image file on the server (or local directory) that your document is on. Eg.
The height and width attributes specify the size of your image. Most browsers will determine this on their own but specifying them allows for faster download times. You can also change the values to something other than the original dimensions of the image. This allows you to decrease or increase the size of the file. You can even distort images by only changing 1 dimension.
The alt attribute specifies the alternative text that comes up if the image can't be displayed. You would be surprised how often this is needed. If an image get corrupted, deleted, or moved without changing the path a graphical browser can't display it and instead will attempt to use alternative text. There are many text-only browsers that can ONLY display alternative text for images as well. A common example is Lynx. Alternative text should either say the text on an image or describe the image. E.g. An image that links to a downloads page says "Downloads" the alternative text should say "downloads" as well. E.g.(2) An image of a cat has no text should have alternative text that describes the cat.

Making your pages HTML 4.01 complaint according to W3C specification

In this section we will talk about how to keep you web documents compliant with HTML 4.01.

Doctype Specification
One requirement to HTML 4.01 is the doctype tag. This tag is placed above the tag and HAS NO end tag. CSE HTML Validator can insert this for you.
.... to be continued

About the Author

Iwebslog Labs

Author & Editor

Has laoreet percipitur ad. Vide interesset in mei, no his legimus verterem. Et nostrum imperdiet appellantur usu, mnesarchum referrentur id vim.

Post a Comment

Iwebslog Blog © 2015 - Designed by Templateism.com