Team:Evry/wiki-guidelines

From 2012.igem.org

(Difference between revisions)
 
(20 intermediate revisions not shown)
Line 1: Line 1:
 +
{{:Team:Evry/template_v1}}
 +
 +
<html>
In order to keep our wiki clean please follow these guidelines when writing HTML code:
In order to keep our wiki clean please follow these guidelines when writing HTML code:
 +
 +
<h1> HTML tag and template </h1>
 +
 +
First of all, specify the template and put the html tag around your document:
 +
 +
<pre>
 +
{{:Team:Evry/template_v1}}
 +
&lt;html>
 +
 +
your page goes here
 +
 +
&lt;script type="text/javascript">writeFooter()&lt;/script>
 +
&lt;/html>
 +
</pre>
 +
 +
<h1> Titles </h1>
To put a title use the h1,h2,h3 tags:
To put a title use the h1,h2,h3 tags:
-
<pre><h1> put your title here </h1></pre>
+
<pre>&lt;h1> put your title here &lt;/h1></pre>
 +
 
 +
<h2> Examples </h2>
<h1> h1 title </h1>
<h1> h1 title </h1>
<h2> h2 title </h2>
<h2> h2 title </h2>
<h3> h3 title </h3>
<h3> h3 title </h3>
 +
 +
<h1> New line </h1>
 +
 +
If you want to end the current line use the br tag:
 +
 +
<pre>&lt;br/></pre>
 +
 +
<h2> Example </h2>
 +
 +
line1<br/>
 +
line2
 +
 +
<h1> Bold/Italic/Underline </h1>
 +
 +
Use the i tag to put your text in italic:
 +
 +
<pre>&lt;i>text in italic&lt;/i></pre>
 +
 +
Use the b tag to put your text in bold:
 +
 +
<pre>&lt;b>text in bold&lt;/b></pre>
 +
 +
Use the u tag to underline your text :
 +
 +
<pre>&lt;u>text undelined&lt;/u></pre>
 +
 +
<h2> Example </h2>
 +
 +
<i> coucou </i> <- italic<br/>
 +
<b> coucou </b> <- bold<br/>
 +
<u> coucou </u> <- underlined
 +
 +
<h1> Lists </h1>
 +
 +
<h2> Dotted </h2>
 +
 +
Use the ul to create a list and the li tag to add an item:
 +
 +
<pre>
 +
&lt;ul>
 +
&lt;li> item 1 </li>
 +
&lt;li> item 2 </li>
 +
..
 +
&lt;/ul>
 +
</pre>
 +
 +
<h3> Example </h3>
 +
 +
<ul>
 +
<li> item 1 </li>
 +
<li> item 2 </li>
 +
<li> .. </li>
 +
</ul>
 +
 +
<h2> Numbered </h2>
 +
 +
Use the ol to create a list and the li tag to add an item:
 +
 +
<pre>
 +
&lt;ol>
 +
&lt;li> item 1 </li>
 +
&lt;li> item 2 </li>
 +
..
 +
&lt;/ol>
 +
</pre>
 +
 +
<h3> Example </h3>
 +
 +
<ol>
 +
<li> item 1 </li>
 +
<li> item 2 </li>
 +
<li> .. </li>
 +
</ol>
 +
 +
<h1> Arrays </h1>
 +
 +
<ol>
 +
<li> Use the table tag to create an array;</li>
 +
<li>Inside the table tag use the tr tag to create a line;</li>
 +
<li>Inside the tr tag use the td tag to create a new cell.</li>
 +
</ol>
 +
 +
<pre>
 +
&lt;table>
 +
&lt;tr>
 +
  &lt;td>cell1&lt;/td>
 +
  &lt;td>cell2&lt;/td>
 +
  ...
 +
&lt;/tr>
 +
&lt;tr>
 +
...
 +
&lt;/tr>
 +
...
 +
&lt;/table>
 +
</pre>
 +
 +
<h2> Example </h2>
 +
 +
<table>
 +
<tr>
 +
<td> tata </td>
 +
<td> toto </td>
 +
</tr>
 +
<tr>
 +
<td> titi </td>
 +
<td> tutu </td>
 +
</tr>
 +
</table>
 +
 +
<h2> Borders </h2>
 +
 +
To add border to an array use the attribute border="1":
 +
 +
<pre>
 +
&lt;table border="1">
 +
...
 +
&lt;/table>
 +
</pre>
 +
 +
<h3> Example </h3>
 +
 +
<table border="1">
 +
<tr>
 +
<td> tata </td>
 +
<td> toto </td>
 +
</tr>
 +
<tr>
 +
<td> titi </td>
 +
<td> tutu </td>
 +
</tr>
 +
</table>
 +
 +
<h1> Links </h1>
 +
 +
To add a link use the a tag:
 +
 +
<pre>&lt;a href="url to link">link name&lt;/a></pre>
 +
 +
<h2> Example </h2>
 +
 +
Go checkout <a href="https://2012.igem.org/Team:Evry">our wiki</a>.
 +
 +
<h1> Images </h1>
 +
 +
The two steps to add an image are:
 +
 +
<ol>
 +
<li>Upload the image file using this page:<a href="https://2012.igem.org/Special:Upload">here</a></li>
 +
<li>Use the img tag
 +
</ol>
 +
 +
<pre>&lt;img src="localisation of the image" alt="text to print if image not found" /></pre>
 +
 +
<h2> Examples </h2>
 +
 +
<ul>
 +
<li>Url of the image: https://2012.igem.org/File:FrenchTouch.jpg</li>
 +
<li> The image:</li>
 +
</ul>
 +
 +
<img src="/wiki/images/a/a8/FrenchTouch.jpg" alt="sexy frog"/>
 +
 +
</html>

Latest 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

<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

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