Team:Evry/wiki-guidelines

From 2013.igem.org

(Difference between revisions)
Line 58: Line 58:
<h2>Example</h2>
<h2>Example</h2>
Left text (it's a marxist text)
Left text (it's a marxist text)
-
<pre>&lt;p style="text-align:center">I'm a center text</p></pre>
+
<p style="text-align:center">I'm a center text</p>
-
<pre>&lt;p style="text-align:right">Right, i'm a right text</p></pre>
+
<p style="text-align:right">Right, i'm a right text</p>
-
<pre>&lt;p style="text-align:justify">I'm justify my work with this justify text</p></pre>
+
<p style="text-align:justify">I'm justify my work with this justify text</p>
<h1> Bold/Italic/Underline </h1>
<h1> Bold/Italic/Underline </h1>

Revision as of 13:31, 22 July 2013

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

How create a new page

Open a new page with the name of url choosen, then click on onglet create in the top

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

<script type="text/javascript">writeFooter()</script>
</html>

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

Alignment

To left, center or right alignment Left is default value Center
<p style="text-align:center">Here the text

Right
<p style="text-align:right">Here the text

Justify
<p style="text-align:justify">Here the text

Example

Left text (it's a marxist text)

I'm a center text

Right, i'm a right text

I'm justify my work with this justify text

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://static.igem.org/mediawiki/2013/c/c9/IronMinion.jpg
  • The image:
Iron minion