Team:Evry/wiki-guidelines

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
<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 </h1>
 +
 +
Put the html tag around your document:
 +
 +
<pre>
 +
<html>
 +
 +
your page goes here
 +
 +
</html>
 +
</pre>
<h1> Titles </h1>
<h1> Titles </h1>
Line 89: Line 102:
<h2> Example </h2>
<h2> Example </h2>
-
Go checkout <a href="https://2012.igem.org/Team:Evry"></a>.
+
Go checkout <a href="https://2012.igem.org/Team:Evry">our wiki</a>.
<h1> Images </h1>
<h1> Images </h1>
Line 104: Line 117:
<h2> Examples </h2>
<h2> Examples </h2>
 +
 +
</html>

Revision as of 13:13, 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:


your page goes here


</pre>

Contents

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>
<li> item 2 </li>
..
</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>
<li> item 2 </li>
..
</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 <a href="https://2012.igem.org/Team:Evry">our wiki</a>.

Images

The two steps to add an image are:

  1. Upload the image file using this page:

To include an image use the <img ... /> tag:

<img src="localisation of the image" alt="text to print if image not found" />

Examples

</html>