<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"     
     "http://www.w3.org/TR/html4/loose.dtd"> 
<html>   
   <head>     
      <title>The World Wide Web Consortium - Home Page </title>     
      <meta http-equiv="refresh" content="60" />   
   </head>   
   <body>  
      ...   
   </body> 
</html>
 
<html xmlns="http://www.w3.org/1999/xhtml">   
   <head>     
      <title>The World Wide Web Consortium - Home Page</title>     
   </head>   
   <body>     
      ...   
   </body> 
</html>
 
<html xmlns="http://www.w3.org/1999/xhtml">
   <head>     
      <title>HTML Example Pages - Meta Refresh example (Bad);/title>     
      <meta http-equiv="refresh"
      content="5; url=http://www.example.com/newpage" />   
   </head>   
   <body>     
      <p>       
         If your browser supports Refresh, you'll be       
         transported to our        
         <a href="http://www.example.com/newpage">new site</a>        
         in 5 seconds, otherwise, select the link manually.     
      </p>   
   </body> 
</html>
 
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>     
    <title>HTML Example Pages - Meta Redirect Example</title>     
    <meta http-equiv="refresh" content="0; url=http://www.example.com/newpage" />
  </head>   
  <body>     
    <p>Please view our <a href="http://www.example.com/newpage">new site</a>.</p>
  </body> 
</html>
 
<html xmlns="http://www.w3.org/1999/xhtml">   
  <head>     
    <title>HTML Techniques for WCAG 2.0</title>     
    <meta http-equiv="refresh" content="60" />   
  </head>   
  <body>
    ...     
  </body> 
</html>
 
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Cooking techniques</title>
      <style type="text/css">
        /* Indent heading and following content */
        div.section2 { margin-left: 5% }     
      </style>   
  </head>   
  <body>     
    <h1>Cooking techniques</h1>     
    <p>       
      ... some text here ...     
    </p>     
    <div class="section2">       
      <h2>Cooking with oil</h2>       
        ... text of the section ...     
    </div>     
    <div class="section2">       
      <h2>Cooking with butter</h2>       
        ... text of the section ...     
    </div>   
  </body> 
</html>
 
<style type="text/css">    
li {
  display: block;
}
li:before {
  content: counters(item, ".");       
  counter-increment: item;
}
ul, ol {
  counter-reset: item;
}
</style>
 
<html xmlns="http://www.w3.org/1999/xhtml">   
   <head>     
      <title>CSS Example Page - Using style sheets to change bullets</title>     
      <style type="text/css">       
         ul { list-style: url(star.gif) disc }     
      </style>   
   </head>   
   <body>     
      <ul>       
         <li>Audrey</li>       
         <li>Laurie</li>       
         <li>Alice</li>     
      </ul>   
   </body> 
</html> 				
 
<html xmlns="http://www.w3.org/1999/xhtml">   
   <head>     
      <title>CSS Example page - Bullet styles example</title>     
      <style type="text/css">       
         .newtxt {          
            font-weight: bold;         
            color: red;         
            background-color: yellow        
         }       
         .newbullet {          
            list-style : url(yellow.gif) disc        
         }     
      </style>   
   </head>   

   <body>     
      <ul>       
         <li class="newbullet">Roth IRA          
            <span class="newtext">(New)</span></li>       
         <li>401(k)</li>     
      </ul>   
   </body> 
</html> 				
 
<html xmlns="http://www.w3.org/1999/xhtml">   
  <head>     
    <link rel="Next" href="chapter3" />     
    <link rel="Prev" href="chapter1" />     
    <link rel="Start" href="cover" />     
    <link rel="Glossary" href="glossary" />     
    <title>Web Building, Chapter 2 - accessiblity
   </title>   
  </head>   
  <body>  
    ...   
  </body> 
</html> 				
 
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>The Virtual Mall, Baby food</title>
    <link title="Text-only version" rel="alternate"
      href="text_only" media="aural, braille, tty" />
  </head>
  <body>
    ...   
  </body> 
</html>
 
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>HTML Example Pages- A simple frameset document</title>
  </head>
  <frameset cols="10%, 90%">
    <frame src="nav.html" title="Navigation bar" />
    <frame src="doc.html" title="Documents" />
    <noframes>
      <body>
        <a href="lib.html" title="Library link">Select to
        go to the electronic library</a>
      </body>
    </noframes>
  </frameset>
</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>
    <title>Today's news - Headlines</title>
  </head>

  <frameset cols="10%,*,10%">
    <frameset rows="20%,*">
      <frame src="promo.html" name="promo" 
        title="promotions" />
      <frame src="sitenavbar.html" name="navbar"
        title="Sitewide navigation bar"
        longdesc="frameset-desc.html#navbar" />
    </frameset>
    <frame src="story.html" name="story"
      title="Selected story - main content"
      longdesc="frameset-desc.html#story" />
    <frameset rows="*,20%">
      <frame src="headlines.html" name="index"
        title="Index of other national headlines"
        longdesc="frameset-desc.html#headlines" />
      <frame src="ad.html" name="adspace"
        title="Advertising" />
    </frameset>

    <noframes>
      <body>
        <p>
          <a href="noframes.html">No frames version</a>
        </p>
        <p>
          <a href="frameset-desc.html">Descriptions of
          frames.</a>
        </p>
      </body>
    </noframes>
  </frameset>
</html>
 

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Example html pages - Framesets </title>
  </head>
  <frameset cols="50%, 50%" title="Our big document">
    <frame src="main.html" title="Where the content is displayed" />
    <frame src="table_of_contents.html" title="Table of Contents" />
    <noframes>
      <body>
        <a href="table_of_contents.html">Table of
        Contents.</a> 
        <!-- other navigational links that are available in main.html
                  are available here also. -->
      </body>
    </noframes>
  </frameset>
</html>
 
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Example HTML Pages - A correct frameset document</title>
  </head>
  <frameset cols="100%" title="Evolving frameset">
    <frame name="goodframe" src="apples.html" title="Apples" />
  </frameset>

  <!-- In apples.html -->
  <p><img src="apples.gif" alt="Apples" /></p>
</html>
 
<p>Visit a beautiful grove of 
  <a target="badframe" href="oranges.gif" title="Oranges">oranges</a>
</p>

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Example HTML document - A bad frameset document</title>
  </head>
  <frameset cols="100%" title="Static frameset">
    <frame name="badframe" src="apples.gif" title="Apples" />
  </frameset>
</html>