<html> <head> <title>Example 11-1-A</title> <style type="text/css"> #banner{color:blue; background:#BFE2F9; font-family:"Arial", "Helvetica", "san-serif"; font-size:125%} #body{font-family:"monospace"} #htmlimage{position:absolute; top:75px; left:50px; font-family:"Arial"; font-weight:bold;} #javascriptimage{position:absolute; top:150px; left:300px; font-family:"Arial"; font-weight:bold;} </style> </head> <body> <div id="banner"> <p>This is my banner at the top of the page.<br> Perhaps there is important information given here.</p> </div> <div id="htmlimage"> <img src="htmlbook.jpg" width="112" height="144"> <p>HTML for the World Wide Web<p> </div> <div id="javascriptimage"> <img src="javascriptbook.jpg" width="111" height="144"> <p>JavaScript for the World Wide Web<p> </div> <div id="body"> <p>Text, Text and more text.<br> Text, Text and more text.<br> Text, Text and more text.</p> <p>Sample, sample, sample.<br> Sample, sample, sample.<br> Sample, sample, sample.</p> </div> </body> </html>