Team:Evry/wiki-guidelines

From 2012.igem.org

(Difference between revisions)
Line 14: Line 14:
your page goes here
your page goes here
 +
<lt;script type="text/javascript"&rt;writeFooter()&lt;/script&rt;
&lt;/html>
&lt;/html>
</pre>
</pre>

Revision as of 19:42, 15 September 2012

In order to keep our wiki clean please follow these guidelines when writing HTML code:

HTML tag and template

First of all, specify the template and put the html tag around your document:
{{:Team:Evry/template_v1}}
<html>

your page goes here


Titles

To put a title use the h1,h2,h3 tags:
<h1> put your title here </h1>

Examples

h1 title

h2 title

h3 title

New line

If you want to end the current line use the br tag:
<br/>

Example

line1
line2

Bold/Italic/Underline

Use the i tag to put your text in italic:
<i>text in italic</i>
Use the b tag to put your text in bold:
<b>text in bold</b>
Use the u tag to underline your text :
<u>text undelined</u>

Example

coucou <- italic
coucou <- bold
coucou <- underlined

Lists

Dotted

Use the ul to create a list and the li tag to add an item:
<ul>
<li> item 1 
<li> item 2 
..
</ul>

Example

  • item 1
  • item 2
  • ..

Numbered

Use the ol to create a list and the li tag to add an item:
<ol>
<li> item 1 
<li> item 2 
..
</ol>

Example

  1. item 1
  2. item 2
  3. ..

Arrays

  1. Use the table tag to create an array;
  2. Inside the table tag use the tr tag to create a line;
  3. Inside the tr tag use the td tag to create a new cell.
<table>
<tr>
  <td>cell1</td>
  <td>cell2</td>
  ...
</tr>
<tr>
...
</tr>
...
</table>

Example

tata toto
titi tutu

Borders

To add border to an array use the attribute border="1":
<table border="1">
...
</table>

Example

tata toto
titi tutu

Links

To add a link use the a tag:
<a href="url to link">link name</a>

Example

Go checkout our wiki.

Images

The two steps to add an image are:
  1. Upload the image file using this page:here
  2. Use the img tag
<img src="localisation of the image" alt="text to print if image not found" />

Examples

  • Url of the image: https://2012.igem.org/File:FrenchTouch.jpg
  • The image:
sexy frog