Markup for Ohlone College Banner Images - Web Style Guide

Banner Image: ohlonebanner12b.jpg

Use the XHTML or HTML markup shown to display the following banner image on your web page.

Ohlone College logo with link to homepage. A-Z Index. Site Search. Directory. Ohlone College homepage.
Ohlone College banner photo.

XHTML Markup for ohlonebanner12b.jpg

If the web page uses one of the the XHTML 1.0 DOCTYPEs, copy the code between the horizontal lines and paste it as HTML at the top of your web page content, after the opening <body> tag.


<!-- BANNER IMAGE BEGINS -->
  <map name="ohlonebannermap" id="ohlonebannermap">
    <area shape="rect" coords="0,3,151,82" href="http://www.ohlone.edu/" alt="Ohlone College homepage." />
    <area shape="rect" coords="345,60,422,82" href="http://www.ohlone.edu/core/index_a.html" alt="A-Z Index." />
    <area shape="rect" coords="422,60,486,82" href="http://www.ohlone.edu/core/search.html" alt="Site Search." />
    <area shape="rect" coords="486,60,562,82" href="http://www.ohlone.edu/core/directory.html" alt="Directory." />
    <area shape="rect" coords="562,60,665,82" href="http://www.ohlone.edu/" alt="Ohlone College homepage." />
  </map>
<div align="center"><img src="http://www.ohlone.edu/images/ohlonebanner12b.jpg" alt="Ohlone College banner photo." width="665" height="84" border="0" usemap="#ohlonebannermap" /></div>
<!-- BANNER IMAGE ENDS -->

HTML Markup for ohlonebanner12b.jpg

If the web page uses one of the HTML 4.01 DOCTYPEs or does not yet use a DOCTYPE, copy the code between the horizontal lines and paste it as HTML at the top of your web page content, after the opening <body> tag.


<!-- BANNER IMAGE BEGINS -->
  <map name="ohlonebannermap" id="ohlonebannermap">
    <area shape="rect" coords="0,3,150,82" href="http://www.ohlone.edu/" alt="Ohlone College homepage.">
    <area shape="rect" coords="290,61,365,82" href="http://www.ohlone.edu/core/index_a.html" alt="A-Z Index.">
    <area shape="rect" coords="368,61,429,82" href="http://www.ohlone.edu/core/search.html" alt="Site Search.">
    <area shape="rect" coords="432,61,561,82" href="http://www.ohlone.edu/core/directory.html" alt="Directory.">
    <area shape="rect" coords="564,61,664,82" href="http://www.ohlone.edu/" alt="Ohlone College homepage.">
  </map>
<div align="center"><img src="http://www.ohlone.edu/images/ohlonebanner12b.jpg" alt="Ohlone College banner photo." width="665" height="84" border="0" usemap="#ohlonebannermap"></div>
<!-- BANNER IMAGE ENDS -->