HTML Basic Tags & Attributes

Basic Tags :

• HTML tags actually two purposes : First, identify logical document parts. Second, tags can include pointer and links to other documents, images, sound files, video files, multimedia applications, animation applets and so on.
• All tags are composed of elements that are contained within angular brackets (< >). The angular brackets simply tell the browser that the text between them is am HTML (command/tags)
• Nesting tags means placing one set of tags inside another set. For example to apply italic to a heading, you nest the tags, like this :

<H1><I>Nesting of tags</I></H1>

• While typing tags, particularly be careful not to include extra spaces. If you do so, a browser may not recognize the tag will not display the information correctly.
• Most of the tags are paired with an opening and ending tags.
• HTML tags are not case sensitive, but generally upper case is used so that they will stand out from the rest of the text.
• For improving readability type tags in upper case but HTML is not case sensitive.

<TITLE>This title tag can be written correctly</TITLE>

< TITLE >these paired tags written incorrectly with extra spaces</TITLE >

Attributes :

Some tags work combination with attributes, which provides additional information about and element such as how element should align, what other files should be accessed, or even the color of an element. For example

<H1 ALIGN="CENTER"><I>Using Attributes with tags</I></H1>

Where ALIGN is the attribute only in the opening tag.

All attributes go in the opening tags and are separated from other attributes and the tags itself by a space. Some attributes require quotes, some don't. For example, you can type ALIGN = "Centre" or ALIGN = CENTRE, all browser should display these in the same way. Attributes that have other characters, such as spaces, % signs or # signs, however always require quotes. For example WIDTH = "75%".