|
|
| (166 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:location.href='http//www.yahoo.com'">
| |
| - | <img src="planets.gif"
| |
| - | ismap width="146" height="126">Blah
| |
| - | </a>
| |
| - | </p>
| |
| - |
| |
| - | </body>
| |
| - | </html>
| |
