Team:Evry/wiki-guidelines

From 2012.igem.org

(Difference between revisions)
 
(16 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>
<h1> Titles </h1>
Line 5: Line 22:
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>
<h2> Examples </h2>
Line 17: Line 34:
If you want to end the current line use the br tag:
If you want to end the current line use the br tag:
-
<pre><br/></pre>
+
<pre>&lt;br/></pre>
<h2> Example </h2>
<h2> Example </h2>
Line 24: Line 41:
line2
line2
-
<h1> Bold/Italic </h1>
+
<h1> Bold/Italic/Underline </h1>
-
Use the em tag to put your text in italic:
+
Use the i tag to put your text in italic:
-
<pre><em> text in italic</em></pre>
+
<pre>&lt;i>text in italic&lt;/i></pre>
-
Use the strong tag to put your text in bold:
+
Use the b tag to put your text in bold:
-
<pre><strong> text in bold</strong></pre>
+
<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>
<h2> Example </h2>
-
<em> coucou </em> <- italic<br/>
+
<i> coucou </i> <- italic<br/>
-
<strong> coucou </strong> <- bold
+
<b> coucou </b> <- bold<br/>
 +
<u> coucou </u> <- underlined
<h1> Lists </h1>
<h1> Lists </h1>
Line 46: Line 68:
<pre>
<pre>
-
<ul>
+
&lt;ul>
-
<li> item 1 </li>
+
&lt;li> item 1 </li>
-
<li> item 2 </li>
+
&lt;li> item 2 </li>
-
<li> ..</li>
+
..
-
</ul>
+
&lt;/ul>
</pre>
</pre>
Line 58: Line 80:
<li> item 1 </li>
<li> item 1 </li>
<li> item 2 </li>
<li> item 2 </li>
-
..
+
<li> .. </li>
</ul>
</ul>
Line 66: Line 88:
<pre>
<pre>
-
<ol>
+
&lt;ol>
-
<li> item 1 </li>
+
&lt;li> item 1 </li>
-
<li> item 2 </li>
+
&lt;li> item 2 </li>
..
..
-
</ol>
+
&lt;/ol>
</pre>
</pre>
Line 78: Line 100:
<li> item 1 </li>
<li> item 1 </li>
<li> item 2 </li>
<li> item 2 </li>
-
..
+
<li> .. </li>
</ol>
</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>
<h1> Links </h1>
Line 85: Line 165:
To add a link use the a tag:
To add a link use the a tag:
-
<pre><a href="url to link">link name</a></pre>
+
<pre>&lt;a href="url to link">link name&lt;/a></pre>
<h2> Example </h2>
<h2> Example </h2>
Line 96: Line 176:
<ol>
<ol>
-
<li>Upload the image file using this page:</li>
+
<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>
</ol>
-
To include an image use the <img ... /> tag:
+
<pre>&lt;img src="localisation of the image" alt="text to print if image not found" /></pre>
-
 
+
-
<pre><img src="localisation of the image" alt="text to print if image not found" /></pre>
+
<h2> Examples </h2>
<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

Retrieved from "http://2012.igem.org/Team:Evry/wiki-guidelines"