HTML Tutorial (4)

LOGICAL TAGS

Tag	Description
<abbr>	Defines an abbreviation
<acronym>	Defines an acronym
<address>	Defines an address element
<cite>	Defines a citation
<code>	Defines computer code text
<blockquote>	Defines a long quotation
<del>	Defines text
<dfn>	Defines a definition term
<em>	Defines emphasized text
<ins>	Defines inserted text
<kbd>	Defines keyboard text
<pre>	Defines preformatted text
<q>	Defines a short quotation
<samp>	Defines sample computer code
<var>	Defines a variable
<strong>	Defines strong text

Physical Tags     

Tag	Description
<b>	Defines bold text
<big>	Defines big text
<i>	Defines italic text
<small>	Defines small text
<sup>	Defines superscripted text
<sub>	Defines subscripted text
<tt>	Defines teletype text
<u>	Deprecated. Use styles instead

Headings and Document Hierarchy

In the example above, we use an h1 element to show a major heading. If we wanted to include a subheading beneath this heading, we would use the h2 element. A subheading under an h2 would use an h3 element, and so on, until we get to h6. The lower the heading level, the lesser its importance and the smaller the font size. With headings, an important and commonsense practice is to ensure that they do not jump out of sequence. In other words, you should start from level one, and work your way down through the levels in numerical order. You can jump back up from a lower-level heading to a higher one, provided that the content under the higher level heading to which you’ve jumped does not refer to concepts that are addressed under the lower-level heading. It may be useful to visualize your headings as a list:

·        First Major Heading

      

           Also Read:

       

•          Introduction To HTML
•          Html tutorial (2)
•       HTML Tutorial 3

o   First Subheading

o   Second Subheading

§  A Sub-subheading

§   Another Major Heading

§  Another Subheading

Here’s the XHTML view of the example shown above:

<h1>First Major Heading</h1> <h2>First Subheading</h2> <h2>Second Subheading</h2> <h3>A Sub-subheading</h3> <h1>Another Major Heading</h1> <h2>Another Subheading</h2>