Navigational Map Nav Reference 19.0 

19.0 someotherpage.html full code.


<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
  <head>
    <meta http-equiv="Content-Type"
    content="application/xhtml+xml; charset=iso-8859-1" />
     <title>
    someotherpage
     </title>
<!-- link description of previous page would go here -->
    <link href="sitemap.html" rel="index" title="Site Map" />
<!-- link description of next page would go here -->
<!-- link description Cascading Style Sheet -->
    <link href="basic.css" rel="stylesheet" type="text/css" />
  </head>
  <body>
    <!-- add the XHTML for your page between the body tags. -->
<!-- this is the division to hold the left curve and logo. -->
<div class="logo">
    <img src="leftcurve.gif"
      alt="[Image of Left Curve for Logo]"
      width="90" height="90" />
    <img src="logo.gif"
      alt="[Image of Your Logo Here text]"
      width="320" height="54" />
</div>
<!-- the left menu division is placed under the logo division -->
<div class="left-menu">   
      <p class="menu-links">  
        <a href="#main-text"   
        title="Jump to Main Text">  
        Main<br />  
        Text</a>&nbsp;
      </p>  
      <p class="menu-links">   
        <a href="sitemap.html" 
        title="link to the site map" >  
        Site<br />   
        Map</a>&nbsp;
      </p>   
      <p class="menu-links">   
        <a href="someotherpage.html"  
        title="link to Some Other Page">   
        Some<br /> 
        Other<br /> 
        Page</a>&nbsp;
      </p>   
      <p class="menu-links">   
        <a href="anotherpage1.html"  
        title="link to An other Page">   
        An other<br /> 
        Page</a>&nbsp;
      </p>         
      <p class="menu-links">   
        <a href="someotherpage.html"  
        title="link to Some Other Page">   
        Some<br /> 
        Other<br /> 
        Page</a>&nbsp;
      </p>   
      <p class="menu-links">   
        <a href="anotherpage1.html"  
        title="link to An other Page">   
        An other<br /> 
        Page</a>&nbsp;
      </p>         
      <p class="menu-links">   
        <a href="someotherpage.html"  
        title="link to Some Other Page">   
        Some<br /> 
        Other<br /> 
        Page</a>&nbsp;
      </p>   
      <p class="menu-links">   
        <a href="anotherpage1.html"  
        title="link to An other Page">   
        An other<br /> 
        Page</a>&nbsp;
      </p>     
      <div class="menubottom">
        <img src="rightcurve.gif"
          alt="[Image of Right Curve for Navigation Menu.]"
          width="30" height="30" />
      </div>
</div>
<!-- the main division is placed under the left menu division -->
     <div class="main">   
      <p class="nav-links">   
        <a href="index.html" title="link to Your Home page">   
     Your Home page   
        </a> |    
        <a href="someotherpage.html" title="link to Some Other Page">   
     Some Other Page   
        </a> |    
        <a href="anotherpage1.html" title="link to An other Page">   
     An other Page   
        </a>&nbsp;
      </p>  
<!-- anchor for the Main Text Link --> 
      <a id="main-text"></a> 
<!-- Start changeable content for the page --> 
<!-- text flowed around an image example  -->       
      <p class="left">
        <img class="float-left"
		width="68" height="90" 
		src="beaker.jpg" 
		alt="[Image of the muppet character beaker]" />
        Lorem ipsum dolor sit amet, consectetuer adipiscing
        elit, sed diam nonummy nibh euismod tincidunt ut
        laoreet dolore magna aliquam erat volutpat. Ut wisi
        enim ad minim veniam, quis nostrud exerci tation
        ullamcorper suscipit lobortis nisl ut aliquip ex ea
        commodo consequat. Duis autem vel eum iriure dolor in
        hendrerit in vulputate velit esse molestie consequat,
        vel illum dolore eu feugiat nulla facilisis at vero
        eros et accumsan et iusto odio dignissim qui blandit
        praesent luptatum zzril delenit augue duis dolore te
        feugait nulla facilisi. Lorem ipsum dolor sit amet,
        consectetuer adipiscing elit, sed diam nonummy nibh
        euismod tincidunt ut laoreet dolore magna aliquam erat
        volutpat.
      </p>
      <p class="left">
        <img class="float-right" 
		width="68" height="90"
		src="beaker.jpg"
		alt="[Image of the muppet character beaker]" />
        Ut wisi enim ad minim veniam, quis nostrud exerci
        tation ullamcorper suscipit lobortis nisl ut aliquip ex
        ea commodo consequat. Duis autem vel eum iriure dolor
        in hendrerit in vulputate velit esse molestie
        consequat, vel illum dolore eu feugiat nulla facilisis
        at vero eros et accumsan et iusto odio dignissim qui
        blandit praesent luptatum zzril delenit augue duis
        dolore te feugait nulla facilisi.
      </p>
      <p class="left">
        Nam liber tempor cum soluta nobis eleifend option
        congue nihil imperdiet doming id quod mazim placerat
        facer possim assum. Lorem ipsum dolor sit amet,
        consectetuer adipiscing elit, sed diam nonummy nibh
        euismod tincidunt ut laoreet dolore magna aliquam erat
        volutpat. 
      <img class="float-left" 
	    width="68" height="90"
		src="beaker.jpg"
		alt="[Image of the muppet character beaker]" />
        Ut wisi enim ad minim veniam, quis nostrud exerci
        tation ullamcorper suscipit lobortis nisl ut aliquip ex
        ea commodo consequat. 
      <img class="float-right" 
	   width="68" height="90"
		src="beaker.jpg"
		alt="[Image of the muppet character beaker]" />
        Duis autem vel eum iriure dolor
        in hendrerit in vulputate velit esse molestie
        consequat, vel illum dolore eu feugiat nulla facilisis.
      </p>

<!-- End changeable content for the page --> 
        <p class="nav-links"> 
          <a href="sitemap.html#main-text" title= 
          "link to The Site Map">Link to The Site Map</a>&nbsp;
        </p> 
<!-- Closed tag for the Main Division -->       
     </div>
  </body>
</html>

<-- Previous Page - Nav Map - Next Page -->