Examples of headings:

Heading 1

Heading 2

Heading 3

      
                 <h1 class=lightoverdark>Heading 1</h1>
                 <h2 class=lightoverdark>Heading 2</h2>
                 <h3 class=darkoverlight>Heading 3</h3>
      

Example of text

In this part of the document you write text and insert as many html elements as you need. There are different exemples of style you can use:

Enhanced text.

Small fonts

All Caps fonts

Preformatted text

Example of alert note: Attention!

      <P class=enhance>Enhanced text.</P>
      <p class=small> Small fonts </p>         
      <p class=cap> All Caps fonts </p>
      <pre>Preformatted text</pre>       
      <p>Example of alert note: <em class=alert>Attention!</em> </p>
    	<p></p>

Example of a post-it like note:

      <table class=postit>
      	<tr>
          <td>
            <blockquote> 
              Warning: It is willed there Where is power to do
              that Which is willed, and further do not ask.
            </blockquote>
          </td>
        </tr>
      </table>

Examples of links:

visited link

not visited link

   <a href="javascript:void(0);" 
     onmouseover="return overlib('This is an ordinary popup.', BORDER, 1);" 
     onmouseout="return nd();">Ordinary pop-up text</a>
   <p></p>
   <a href="javascript:void(0);" 
     onmouseover="return overlib('This is what we call a sticky, 
                  since I stick around (it goes away if you move 
                  the mouse OVER and then OFF the overliB 
                  popup--or mouseover another overliB).', STICKY, MOUSEOFF);" 
     onmouseout="return nd();">Sticky pop-up text</a>
   <p></p>
   <a href="javascript:void(0);" 
     onclick="return overlib('This is a sticky with a caption. 
              And it is centered under the mouse!', STICKY, 
              CAPTION,'Sticky!', CENTER);" 
     onmouseout="nd();">Sticky click!</a>
   <P><A href="http://www.keck.hawaii.edu/">
                   visited link </A></P>
   <P><A href="file:newbfile.html">
                   not visited link</A></P>

Example of table headers and types:

      <table>
        <tr>
          <th class=lightoverdark>header 1</th>
          <th class=darkoverlight>header 2</th>
          <th class=darkgray>header 3</th></tr>
        <tr>
          <td>text</td>
          <td>tetetetet</td>
          <td>tetetetet</td></tr>
        <tr>
          <td class=lrisr>lrisred  </td>
          <td class=cellgr>normal</td>
          <td class=lrisb>lrisblue </td>
        </tr>
      </table>

Destination of the Internal link

Eample of a table with a border

    <table >
	  <tr >
	    <th align="center" colspan="3">
              <a name="blue_broad">Broadband Imaging Filters</a>
            </th>
	  </tr>
	  <tr >
	    <th>Header1</th>
	    <th>Header1</th>
	    <th>Header1</th>
	  </tr>
	  <tr >
	    <td align="center">NIRSPEC</td>
	    <td align="center">LRIS</td>
      	    <td align="center">NIRC2</td>
          </tr>
     </table>               

Example of an image that enlarges on click:

<img
    border="2" 
    src="example.jpg"
    width="80"
    height="60"
    onclick="zoomToggle('80px','60px','640px','480px',this);">

Example of lists:

• first item
• second item
• third

1. one
2. two
3. three

      <ul>
        <li>first item</li>
        <li class=sq>second item</li>
        <li>third </li>
      </ul>
      <ol>
        <li>one </li>
        <li>two</li>
        <li>three </li>
      </ol>