Template:BerkiGEM2007 WikiPlaying

From 2007.igem.org

(Difference between revisions)
Line 77: Line 77:
</TR>
</TR>
</TABLE>
</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">
 +
<img src="planets.gif"
 +
ismap width="146" height="126">
 +
</a>
 +
</p>
 +
 +
</body>
 +
</html>

Revision as of 06:47, 29 September 2007

Some other stuff
SodC


KatG






Heme 		Ecolimodeltestimage2.jpeg






Flagella


Hemoglobin
Sucralose



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


Testing


Cell 1 Cell2



Cell that spans two columns:

Name Telephone
Bill Gates 555 77 854 555 77 855

Cell that spans two rows:

First Name: Bill Gates
Telephone: 555 77 854
555 77 855



This is a paragraph

This is another paragraph

 This cell contains a table:
A B
C D
This cell contains a list
  • apples
  • bananas
  • pineapples
 HELLO


A background color:

First Row
Second Row

A background image:

First Row
Second Row


Cell backgrounds:

First Row
Second Row


Money spent on.... January February
Clothes $241.10 $50.20
Make-Up $30.00 $44.45
Food $730.40 $650.00
Sum $1001.50 $744.65



Look: A background image!

Both gif and jpg files can be used as HTML backgrounds.

If the image is smaller than the page, the image will repeat itself.



An image in the text

An image in the text

An image in the text

Note that bottom alignment is the default alignment

An image in the text

An image before the text

An image after the text



You can also use an image as a link:


Move the mouse over the image, and look at the status bar to see how the coordinates change.

Retrieved from "http://2007.igem.org/wiki/index.php/Template:BerkiGEM2007_WikiPlaying"