Pages

Saturday, December 11, 2010

The Headings Elements

The Headings <h1>, <h2>, <h3>, <h4>, <h5>, and <h6> Elements introduce new section of content as a title or a header. Each heading element are relative to the importance of a heading. From the most important, the <h1> element, down to the least important, the <h6> element.


Listed below are the most common attributes you can use for heading element:
  • align - sets the horizontal alignment of the heading inside the web browser, such as left, right, center and justify.
  • class - provides the class or classes of the heading. This attribute is used to identify the name of the style class or classes to be used for rendering.
  • id - provides a unique name for the heading.
  • lang - provides the language in which the enclosed content is coded.
  • style - provides a cascading style sheet (CSS) properties to the heading.
  • title - privides a text title for the heading. Most web browser displays the value of the title as "tooltip".


Here's an example on how to use the heading elements:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
         <meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
         <mate name="keywords" content="blog, web development" />
         <title>the HEADING element</title>
     </head>

     <body>
       <h1>
         the H1 element
       </h1>
       <h2>
         the H2 element
       </h2>
       <h3>
         the H3 element
       </h3>
       <h4>
         the H4 element
       </h4>
       <h5>
         the H5 element
       </h5>
       <h6>
         the H6 element
       </h6>
    <body>
  </html>

0 comments:

Post a Comment