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 <p>le texte</p></p> | <p>Pour un texte sans colones, placer le texte entre les balises <p>le texte</p></p> | ||
+ | <h1>Formatage du texte</h1> | ||
+ | <pre><i>texte en italique</i></pre> | ||
+ | <pre><b>texte en gras</b></pre> | ||
+ | <pre><u>texte souligné</u></pre> | ||
- | Use the | + | <h1>Le listes</h1> |
+ | |||
+ | <b> Dotted </b> | ||
+ | |||
+ | Use the ul to create a list and the li tag to add an item: | ||
+ | |||
+ | <pre> | ||
+ | <ul> | ||
+ | <li> item 1 </li> | ||
+ | <li> item 2 </li> | ||
+ | .. | ||
+ | </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> | ||
+ | <ol> | ||
+ | <li> item 1 </li> | ||
+ | <li> item 2 </li> | ||
+ | .. | ||
+ | </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> | ||
+ | <table> | ||
+ | <tr> | ||
+ | <td>cell1</td> | ||
+ | <td>cell2</td> | ||
+ | ... | ||
+ | </tr> | ||
+ | <tr> | ||
+ | ... | ||
+ | </tr> | ||
+ | ... | ||
+ | </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> | ||
+ | <table border="1"> | ||
+ | ... | ||
+ | </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><a href="url to link">link name</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><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"/> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</div> | </div> | ||
Revision as of 18:16, 8 October 2014
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
- item 1
- item 2
- ..
Arrays
- Use the table tag to create an array;
- Inside the table tag use the tr tag to create a line;
- 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:- Upload the image file using this page:here
- 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: