Pages

Saturday, January 29, 2011

Frameset Element


The frameset element is used to create a collection of frames that divides your web browser's window into multiple panes. Each frame inside the frameset element ca have different document that makes it easier for users to view different kind of contents in one frame while the other frames remain on their current state.

Listed below are the most common attributes you can use for the frameset element:
  • border - sets the width in pixels (px) to all the frame's border.
  • bordercolor - sets the color value or predefined color name of all the frame's border.
  • 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.
  • cols - sets the number of columns inside the frameset element and its corresponding width value in pixels (px) or as a percent (%) for each column.
  • id - provides a unique name for the heading.
  • lang - provides the language in which the enclosed content is coded.
  • rows - sets the number of rows inside the frameset element and its corresponding width value in pixels (px) or as a percent (%) for each row.
  • 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 frameset element:

<!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 FRAMESET element</title>
     </head>

     <frameset cols="20%,80%">
          <frame src="frame1.html" />
          <frame src="frame2.html" />
     </frameset>
 </html>


Here's the content of the file named "frame1.html":

<!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>Table of Contents</title>
     </head>

     <body>
          <h1>
                Table of Contents
          </h1>
          <p>
              <a href="">A. Glossary</a>
          </p>
     </body>
 </html>


Here's the content of the file named "frame2.html":

<!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>Glossary</title>
     </head>

     <body>
           <h1>
                Glossary
           </h1>
           <p>
                <dl>
                    <dt><strong>Gap Analysis</strong></dt>
                    <dd>
                    Examination of discrepancies between security requirements and controls or safeguards in place.
                    </dd>
                </dl>
           </p>
       </body>
    </html>

0 comments:

Post a Comment