<!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>