Team:Evry/wiki-guidelines

From 2012.igem.org

(Difference between revisions)
Line 7: Line 7:
<pre>
<pre>
-
<html>
+
&lt;html>
your page goes here
your page goes here
-
</html>
+
&lt;/html>
</pre>
</pre>
Line 18: Line 18:
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 30: Line 30:
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 41: Line 41:
Use the em tag to put your text in italic:
Use the em tag to put your text in italic:
-
<pre><em> text in italic</em></pre>
+
<pre>&lt;em> text in italic&lt;/em></pre>
Use the strong tag to put your text in bold:
Use the strong tag to put your text in bold:
-
<pre><strong> text in bold</strong></pre>
+
<pre>&lt;strong> text in bold&lt;/strong></pre>
<h2> Example </h2>
<h2> Example </h2>
Line 59: Line 59:
<pre>
<pre>
-
<ul>
+
&lt;ul>
-
<li> item 1 </li>
+
&lt;li> item 1 </li>
-
<li> item 2 </li>
+
&lt;li> item 2 </li>
..
..
-
</ul>
+
&lt;/ul>
</pre>
</pre>
Line 79: Line 79:
<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 98: Line 98:
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 109: Line 109:
<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="https://2012.igem.org/File:FrenchTouch.jpg" alt="sexy frog"/>
</html>
</html>

Revision as of 13:25, 13 July 2012

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

HTML tag

Put the html tag around your document:
<html>

your page goes here

</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

Use the em tag to put your text in italic:
<em> text in italic</em>
Use the strong tag to put your text in bold:
<strong> text in bold</strong>

Example

coucou <- italic
coucou <- bold

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. ..

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