|
|
(164 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | {| border="0" cellpadding="0"
| |
- | |-
| |
- | | || || || || || ||
| |
- | |-
| |
- | | || || <center> Some other stuff </center> || || || ||
| |
- | |-
| |
- | | || SodC<br><br><br>KatG<br><br><br><br><br><br><br>Heme || [[Image: ecolimodeltestimage2.jpeg]] || <br><br><br><br><br><br><br>Flagella<br><br><br>Hemoglobin || || ||
| |
- | |-
| |
- | | || ||<center> Sucralose </center> || || || ||
| |
- | |-
| |
- | | || || || || || ||
| |
- | |-
| |
- | | || || || || || ||
| |
- | |}
| |
| | | |
- |
| |
- |
| |
- |
| |
- |
| |
- | {| class="wikitable"
| |
- | |-
| |
- | ! header 1
| |
- | ! header 2
| |
- | ! header 3
| |
- | |-
| |
- | | row 1, cell 1
| |
- | | row 1, cell 2
| |
- | | row 1, cell 3
| |
- | |-
| |
- | | row 2, cell 1
| |
- | | row 2, cell 2
| |
- | | row 2, cell 3
| |
- | |}
| |
- |
| |
- |
| |
- | <html>
| |
- | <body>
| |
- |
| |
- | <a href="www.google.com" onMouseOver="window.status='Your message here!'; return true"> Testing</a>
| |
- |
| |
- | <form name="myform" action="http://www.mydomain.com/myformhandler.cgi" method="POST">
| |
- | <div align="center">
| |
- | <select name="mydropdown">
| |
- | <option value="Milk">Fresh Milk</option>
| |
- | <option value="Cheese">Old Cheese</option>
| |
- | <option value="Bread">Hot Bread</option>
| |
- | </select>
| |
- | </div>
| |
- | </form>
| |
- |
| |
- |
| |
- | <STYLE type="text/css">
| |
- | <!--
| |
- | BODY
| |
- | {
| |
- | scrollbar-face-color: #F0F8FF;
| |
- | scrollbar-highlight-color: #00FFFF;
| |
- | scrollbar-3dlight-color: #F0F8FF;
| |
- | scrollbar-darkshadow-color: #00FFFF;
| |
- | scrollbar-shadow-color: #F0F8FF;
| |
- | scrollbar-arrow-color: #00FFFF;
| |
- | scrollbar-track-color: #F0F8FF;
| |
- | }
| |
- | -->
| |
- | </STYLE>
| |
- |
| |
- |
| |
- | </body>
| |
- | </html>
| |
- |
| |
- |
| |
- |
| |
- | <TABLE WIDTH=100%>
| |
- | <TR>
| |
- | <TD WIDTH=50%>Cell 1</TD>
| |
- | <TD WIDTH=50%>Cell2</TD>
| |
- | </TR>
| |
- | </TABLE>
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | <html>
| |
- | <body>
| |
- |
| |
- | <h4>Cell that spans two columns:</h4>
| |
- | <table border="1">
| |
- | <tr>
| |
- | <th>Name</th>
| |
- | <th colspan="2">Telephone</th>
| |
- | </tr>
| |
- | <tr>
| |
- | <td>Bill Gates</td>
| |
- | <td>555 77 854</td>
| |
- | <td>555 77 855</td>
| |
- | </tr>
| |
- | </table>
| |
- |
| |
- | <h4>Cell that spans two rows:</h4>
| |
- | <table border="1">
| |
- | <tr>
| |
- | <th>First Name:</th>
| |
- | <td>Bill Gates</td>
| |
- | </tr>
| |
- | <tr>
| |
- | <th rowspan="2">Telephone:</th>
| |
- | <td>555 77 854</td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td>555 77 855</td>
| |
- | </tr>
| |
- | </table>
| |
- |
| |
- | </body>
| |
- | </html>
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | <html>
| |
- | <body>
| |
- |
| |
- | <table border="1">
| |
- | <tr>
| |
- | <td>
| |
- | <p>This is a paragraph</p>
| |
- | <p>This is another paragraph</p>
| |
- | </td>
| |
- | <td>This cell contains a table:
| |
- | <table border="1">
| |
- | <tr>
| |
- | <td>A</td>
| |
- | <td>B</td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td>C</td>
| |
- | <td>D</td>
| |
- | </tr>
| |
- | </table>
| |
- | </td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td>This cell contains a list
| |
- | <ul>
| |
- | <li>apples</li>
| |
- | <li>bananas</li>
| |
- | <li>pineapples</li>
| |
- | </ul>
| |
- | </td>
| |
- | <td>HELLO</td>
| |
- | </tr>
| |
- | </table>
| |
- |
| |
- | </body>
| |
- | </html>
| |
- |
| |
- |
| |
- |
| |
- | <html>
| |
- | <body>
| |
- |
| |
- | <h4>A background color:</h4>
| |
- | <table border="1"
| |
- | bgcolor="red">
| |
- | <tr>
| |
- | <td>First</td>
| |
- | <td>Row</td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td>Second</td>
| |
- | <td>Row</td>
| |
- | </tr>
| |
- | </table>
| |
- |
| |
- | <h4>A background image:</h4>
| |
- | <table border="1"
| |
- | background="bgdesert.jpg">
| |
- | <tr>
| |
- | <td>First</td>
| |
- | <td>Row</td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td>Second</td>
| |
- | <td>Row</td>
| |
- | </tr>
| |
- | </table>
| |
- |
| |
- | </body>
| |
- | </html>
| |
- |
| |
- |
| |
- |
| |
- | <html>
| |
- | <body>
| |
- |
| |
- | <h4>Cell backgrounds:</h4>
| |
- | <table border="1">
| |
- | <tr>
| |
- | <td bgcolor="red">First</td>
| |
- | <td>Row</td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td
| |
- | background="bgdesert.jpg">
| |
- | Second</td>
| |
- | <td>Row</td>
| |
- | </tr>
| |
- | </table>
| |
- |
| |
- | </body>
| |
- | </html>
| |
- |
| |
- |
| |
- |
| |
- | <html>
| |
- | <body>
| |
- |
| |
- | <table width="400" border="1">
| |
- | <tr>
| |
- | <th align="left">Money spent on....</th>
| |
- | <th align="right">January</th>
| |
- | <th align="right">February</th>
| |
- | </tr>
| |
- | <tr>
| |
- | <td align="left">Clothes</td>
| |
- | <td align="right">$241.10</td>
| |
- | <td align="right">$50.20</td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td align="left">Make-Up</td>
| |
- | <td align="right">$30.00</td>
| |
- | <td align="right">$44.45</td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td align="left">Food</td>
| |
- | <td align="right">$730.40</td>
| |
- | <td align="right">$650.00</td>
| |
- | </tr>
| |
- | <tr>
| |
- | <th align="left">Sum</th>
| |
- | <th align="right">$1001.50</th>
| |
- | <th align="right">$744.65</th>
| |
- | </tr>
| |
- | </table>
| |
- |
| |
- | </body>
| |
- | </html>
| |
- |
| |
- |
| |
- |
| |
- | <html>
| |
- | <body>
| |
- |
| |
- | <form action="">
| |
- | <input type="button" value="Hello world!">
| |
- | </form>
| |
- |
| |
- | </body>
| |
- | </html>
| |
- |
| |
- |
| |
- |
| |
- | <html>
| |
- | <body background="test.jpg">
| |
- |
| |
- | <h3>Look: A background image!</h3>
| |
- |
| |
- | <p>Both gif and jpg files can be used as HTML backgrounds.</p>
| |
- |
| |
- | <p>If the image is smaller than the page, the image will repeat itself.</p>
| |
- |
| |
- | </body>
| |
- | </html>
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | <html>
| |
- | <body>
| |
- |
| |
- | <p>
| |
- | An image
| |
- | <img src="hackanm.gif"
| |
- | align="bottom" width="48" height="48">
| |
- | in the text
| |
- | </p>
| |
- |
| |
- | <p>
| |
- | An image
| |
- | <img src ="hackanm.gif"
| |
- | align="middle" width="48" height="48">
| |
- | in the text
| |
- | </p>
| |
- |
| |
- | <p>
| |
- | An image
| |
- | <img src ="hackanm.gif"
| |
- | align="top" width="48" height="48">
| |
- | in the text
| |
- | </p>
| |
- |
| |
- | <p>Note that bottom alignment is the default alignment</p>
| |
- |
| |
- | <p>
| |
- | An image
| |
- | <img src ="hackanm.gif"
| |
- | width="48" height="48">
| |
- | in the text
| |
- | </p>
| |
- |
| |
- | <p>
| |
- | <img src ="hackanm.gif"
| |
- | width="48" height="48">
| |
- | An image before the text
| |
- | </p>
| |
- |
| |
- | <p>
| |
- | An image after the text
| |
- | <img src ="hackanm.gif"
| |
- | width="48" height="48">
| |
- | </p>
| |
- |
| |
- | </body>
| |
- | </html>
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | <html>
| |
- | <body>
| |
- | <p>
| |
- | You can also use an image as a link:
| |
- | <a href="lastpage.htm">
| |
- | <img border="0" src="buttonnext.gif" width="65" height="38">
| |
- | </a>
| |
- | </p>
| |
- |
| |
- | </body>
| |
- | </html>
| |
- |
| |
- |
| |
- |
| |
- | <html>
| |
- | <body>
| |
- |
| |
- | <p>
| |
- | Move the mouse over the image, and look at the status bar to see how the
| |
- | coordinates change.
| |
- | </p>
| |
- |
| |
- | <p>
| |
- | <a href="tryhtml_ismap.htm" onmouseover="javascript:document.joshdiv.display = 'block'">
| |
- | <img src="planets.gif"
| |
- | ismap width="146" height="126">Blah
| |
- | </a>
| |
- | <div id="joshdiv" name="joshdiv" position="absolute" style="display:none; bgcolor:#CCCCCC;" width="400" height="400">
| |
- | </p>
| |
- |
| |
- | </body>
| |
- | </html>
| |