To Examples
sample-style-page.css Source Code
body, td, a { font-family: Papyrus; background-color: Beige; color: Green; } h2 { font-family: Georgia; font-size: 140%; } h3 { font-size: 125%; }
styled-xhtml.htm Source Code
<html> <head> <title>vanilla-xhtml.htm Example</title> <link rel=stylesheet type=text/css href=sample-style-page.css /> </head> <body> <h2>vanilla-xhtml.htm Example</h2> <h3>Paragraph</h3> <p>Lorem ipsum te sed movet aeterno expetenda, quo alterum atomorum ea, ei possit persequeris mel. Usu assum sententiae ne. Possit consulatu liberavisse ea duo. Timeam omittam invenire cu vix. Mel id tibique sadipscing, sea adhuc animal principes cu. Gubergren disputando ne est, pri ea cetero fuisset nominavi, qui te graeco reprimique neglegentur.</p> <p> </p> <h3>Ordered List</h3> <ol type=I> <li>Casablanca</li> <li>Dr. Zhivago</li> <li>The Way We Were</li> <li>Love Story</li> <li>Ghost</li> </ol> <p> </p> <h3>Ordered List</h3> <ul type=circle> <li>An item.</li> <li>Another item.</li> <li>Yet another item.</li> </ul> <p> </p> <h3>Table with No Border</h3> <table> <tr> <td>Item</td> <td>Tuna</td> </tr> <tr> <td>Code</td> <td>4737647</td> </tr> <tr> <td>Price</td> <td>$1.45</td> </tr> <tr> <td>Quantity</td> <td>45</td> </tr> </table> <p> </p> <h3>Table with Border</h3> <table border=1 cellpadding=5 style=background-color:white> <tr> <td>Item</td> <td>Tuna</td> </tr> <tr> <td>Code</td> <td>4737647</td> </tr> <tr> <td>Price</td> <td>$1.45</td> </tr> <tr> <td>Quantity</td> <td>45</td> </tr> </table> <p> </p> <h3>A Table of Colors</h3> <table border=1 cellpadding=5> <tr> <td>Red</td> <td style=background-color:red; width:1in> </td> </tr> <tr> <td>Green</td> <td style=background-color:green> </td> </tr> <tr> <td>Blue</td> <td style=background-color:blue> </td> </tr> <tr> <td>Yellow</td> <td style=background-color:yellow> </td> </tr> <tr> <td>Magenta</td> <td style=background-color:magenta> </td> </tr> <tr> <td>Aqua</td> <td style=background-color:aqua> </td> </tr> <tr> <td>White</td> <td style=background-color:white> </td> </tr> <tr> <td>Black</td> <td style=background-color:black> </td> </tr> </table> <h3>Image</h3> <p><img src=fred-flintstone.gif /><p> <p> </p> <h3>Hyperlink</h3> <p><a href=http://disney.com target=new> I want to go to disneyland.</a></p> </body> </html>