Team:INSA-Lyon/notice

From 2014.igem.org

(Difference between revisions)
Line 78: Line 78:
<p>Pour un texte sans colones, placer le texte entre les balises &lt;p>le texte&lt;/p></p>
<p>Pour un texte sans colones, placer le texte entre les balises &lt;p>le texte&lt;/p></p>
 +
<h1>Formatage du texte</h1>
 +
<pre>&lt;i>texte en italique&lt;/i></pre>
 +
<pre>&lt;b>texte en gras&lt;/b></pre>
 +
<pre>&lt;u>texte souligné&lt;/u></pre>
-
Use the i tag to put your text in italic:
+
<h1>Le listes</h1>
 +
 
 +
<b> Dotted </b>
 +
 
 +
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://2013.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://2013.igem.org/Special:Upload">here</a></li>
 +
<li>Use the img tag
 +
</ol>
 +
 
 +
<pre>&lt;img src="<em>localisation of the image</em>" alt="<em>text to print if image not found</em>" /></pre>
 +
 
 +
<h2> Examples </h2>
 +
 
 +
<ul>
 +
<li>Url of the image: https://static.igem.org/mediawiki/2013/c/c9/IronMinion.jpg </li>
 +
<li> The image:</li>
 +
</ul>
 +
 
 +
<img src="https://static.igem.org/mediawiki/2013/c/c9/IronMinion.jpg" alt="Iron minion"/>
-
<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>
 
-
 
</div>
</div>

Revision as of 18:16, 8 October 2014

Curly'on - IGEM 2014 INSA-LYON

IGEM

Je comprends riiiiiiennnnnn

Voici un petit guide pour vous permettre de remplir le wiki de manière la plus sereine possible :

Comment est constituée une page ?

{{:Team:INSA-Lyon/template_head}} // Permet d'appeler le code pour le menu
<html>
<head>
<link rel="stylesheet" type="text/css" 
href="https://2014.igem.org/Team:INSA-Lyon/css_contenu?action=raw&ctype=text/css" /> 
// ça c'est pour appeler le CSS
</head> 

// Là, le contenu du site

</html>
{{:Team:INSA-Lyon/template_footer}} // Permet d'appeler le code du footer

Les types de titres

Pour les titres importants de vos pages

<h1>Ici, un titre</h1>

Exemple



Pour le titre de la page d'accueil (curly'on)
C'est normal si l'exemple n’apparaît pas car la typo est blanche.

<h2>Ici, un titre</h2>

Exemple



Pour les titres du footer
C'est normal si l'exemple n’apparaît pas car la typo est blanche.

<h3>Ici, un titre</h3>

Exemple



Pour les titres des pages contenu (Project/results/...)
C'est normal si l'exemple n’apparaît pas car la typo est blanche.

<h4>Ici, un titre</h4>

Exemple



Pour les sous-titres importants de vos pages

<h5>Ici, un titre</h5>
Exemple


Pour les petits sous-titres importants de vos pages

<h6>Ici, un titre</h6>
Exemple


Saut de ligne

ligne1<br/>
ligne2

Positionnement du texte

Le texte est à gauche par défaut

Centrer 
<div align="center">Le texte</div>
Droite 
<div align="right">Le texte</div>
Justifié 
<div align="justify">Le texte</div>

Les colones

Pour les pages contenu, créer deux colones de texte permet d'améliorer la lecture

<p class="colone1">Ici le texte de la colone de gauche</p>
<p class="colone2">Ici, le texte de la colone de droite</p>

Pour un texte sans colones, placer le texte entre les balises <p>le texte</p>

Formatage du texte

<i>texte en italique</i>
<b>texte en gras</b>
<u>texte souligné</u>

Le listes

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

Retrieved from "http://2014.igem.org/Team:INSA-Lyon/notice"