In HTML these are the basic tags that you come across in most WebPages:
These tags can be written in either UPPER or lower case it dose not matter.
This <head> is placed directly under the <html> tag and the end tag </head> is place directly above the <body> tag. These form the head of the document. These tags form the head of the document and in here are place the <title>, <meta> and <style> tags. Any links to .CSS sheets (Cascading Style Sheet) or .JS sheets (Java Script) and most of your Scripts.
This <body> is placed directly under the </head> & this </body>is placed directly above the </html> tag. These form the body of the document. In here is placed what you want to be seen on your web page.
The <title>---</title> tags are for the tile of your document shown in the top left side of your browser & is placed directly under the <head> tag.
The <meta> tags are placed directly under the <title> tag & is used by search engines to find out the information about the page. For more on <meta> tags Click Here.
The <style>---</style> are placed directly under the <meta> tags & are used to style your tables, links, paragraphs, heading and just about anything else in the body of your document. For more about Styles Click Here.
These <p></p> are at the begining and end of a paragraph.
These <font>---</font>control the size, type and colour of the text used on your page.
These <b>---</b>bold the text either individually, in sentences, divisions or paragraphs.
These <i>---</i> italic the text either individually, in sentences, divisions or paragraphs.
These <u>---</u> underline the text either individually, in sentences, divisions or paragraphs.
This <div>--</div>is a division tag and has a assortment of uses far to many to list here. E.G. <div align="center" style="font-family: Comic Sans MS, Courier New; font-size:40px; font-weight: bold; word-spacing:10px; letter-spacing:8px; line-height:55px;"> <p>This is paragraph 1</p> <p>This is paragraph 2</p> <p> This is paragraph 3</p></div> will give you this:
This is paragraph 1
This is paragraph 2
This is paragraph 3
This <span>---</span>it also has myriad of uses but is mainly used in styling individual words or phrases .
This is one way to change the background colour for each word.
These <a>---</a> are used to create links to other sites, pages or anchors. EG. <a href="Jokes/TongueTwister.htm" target="_blank" class="boxed">Click Here</a>.
These<center>---<center>simply centre the text, tables or forms.
This is centered.
<table>, <tr>, <td> These all belong to the table. It is used for many reasons but mainly as placement of text. E.G.
<ul>, <ol>, <li>, <dl>, <dt>, <dd>These all belong to lists. To find out about them Click Here.
This is <sub>sub text</sub> and this is<sup>sup text</sup> text.
With the increase in screen sizes since these tags were written most these seem a little small today. But a solution is this. In the <STYLE> tags in the <HEAD> tags of you document you can do this:
Or if you prefer put it in the <H?> tag like this <h1 style="color:#ff0040; font-size: 60px; font-weight: bold; letter-spacing: 10px; font-family: Comic Sans MS, Times New Roman; text-align: center;"> for the same result.
If you were wondering about the .head it is to separate it from other H1 tags you may have in your page. You can call this by <h1 class="head">
The <hr> (Horizontal Rule) Tag Attributes are:
This works in IE 4+, Firefox 1.5+ & Google Chrome 4 but not in Opera 8 but dose in Opera 10.
The <marquee>---</marquee> Tag Attributes are:
Finally but by no the least is the good old <br> tag. This would proberly be the most used of all the tags and it simply creates a line brake. EG.
The CLEAR attribute (left, right, all) tells the browser how to treat the next line of text following a BR element if the current text is wrapping around a floating images or another Object.
For a list of XHTML Tags and thier Attributes. Click Here.