Difference between revisions of "Team:TU Darmstadt/Project/Bio/Monomeres/Haconsaeure"
Line 1: | Line 1: | ||
− | + | <b>HTML Cheat sheet for this wiki:</b><br> | |
+ | If you have more than three headings (h1-h6), a table of content will appear above the first heading. | ||
− | < | + | <h1>Heading 1</h1> |
− | < | + | ... |
− | + | ||
− | < | + | <h2>Heading 2</h2> |
− | < | + | ... |
− | < | + | |
− | <p> | + | <h3>Heading 3</h3> |
− | < | + | ... |
− | + | ||
− | </ | + | <h4>Heading 4</h4> |
+ | ... | ||
+ | |||
+ | |||
+ | <h2>Basic Tags</h2> | ||
+ | <b>bold</b>, | ||
+ | <i>italic</i>, | ||
+ | <b><i>bold italic</i></b>, | ||
+ | <br>newline | ||
+ | <p>Enclose text paragraphs in paragraph tags <code><p>...</p></code></p> | ||
+ | |||
+ | |||
+ | |||
+ | <h2>Lists</h2> | ||
+ | Unordered Lists: | ||
+ | <ul> | ||
+ | <li>...</li> | ||
+ | <li>...</li> | ||
+ | <li>...</li> | ||
+ | </ul> | ||
+ | |||
+ | Ordered Lists: | ||
<ol> | <ol> | ||
− | < | + | <li>...</li> |
− | + | <li>...</li> | |
− | + | <li>...</li> | |
− | + | </ol> | |
− | < | + | Both types of lists can be arbitrary nested for subitems, e.g.: |
− | < | + | <ul> |
− | < | + | <li>Subitems: |
− | < | + | <ol> |
− | < | + | <li>...</li> |
− | + | <li>...</li> | |
− | + | <li>...</li> | |
− | + | </ol> | |
− | + | </li> | |
− | + | <li>...</li> | |
− | < | + | <li>...</li> |
+ | </ul> | ||
+ | |||
+ | <h2>Images</h2> | ||
+ | We have an own class for images that should be used like this: | ||
+ | |||
+ | <h3>Centered Image</h3> | ||
+ | <html><div class="contentSection"> | ||
+ | <figure class="centerFig"> | ||
+ | <img src="https://static.igem.org/mediawiki/parts/4/46/ENM_small.gif"> | ||
+ | <figcaption><b>Figure 1:</b> This is Mr. Sexy Protein dancing for your pleasure.</figcaption> | ||
+ | </figure> | ||
+ | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed hendrerit nibh in metus euismod, at facilisis risus viverra. Nam ullamcorper ut nunc vel placerat. Nunc faucibus, risus posuere suscipit cursus, urna dolor elementum nibh, nec bibendum lacus ex ut urna. Duis eu aliquam eros. Curabitur eget lacus lectus. Mauris auctor mauris vel ex venenatis lobortis. Etiam aliquam, risus eu aliquam scelerisque, orci elit dignissim dui, eget scelerisque orci quam ut nunc. Quisque aliquet eleifend odio, nec eleifend sem. Curabitur sagittis leo urna, in venenatis urna ultrices at. Quisque id eros vulputate, feugiat justo nec, facilisis ipsum. | ||
+ | </div></html> | ||
+ | |||
+ | <h3>Float Image to the Left</h3> | ||
+ | <html><div class="contentSection"> | ||
+ | <figure class="leftFig"> | ||
+ | <img src="https://static.igem.org/mediawiki/parts/4/46/ENM_small.gif" width=60% height=60%> | ||
+ | <figcaption><b>Figure 1:</b> This is Mr. Sexy Protein dancing on the left page side. Make sure to scale big images!</figcaption> | ||
+ | </figure> | ||
+ | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed hendrerit nibh in metus euismod, at facilisis risus viverra. Nam ullamcorper ut nunc vel placerat. Nunc faucibus, risus posuere suscipit cursus, urna dolor elementum nibh, nec bibendum lacus ex ut urna. Duis eu aliquam eros. Curabitur eget lacus lectus. Mauris auctor mauris vel ex venenatis lobortis. Etiam aliquam, risus eu aliquam scelerisque, orci elit dignissim dui, eget scelerisque orci quam ut nunc. Quisque aliquet eleifend odio, nec eleifend sem. Curabitur sagittis leo urna, in venenatis urna ultrices at. Quisque id eros vulputate, feugiat justo nec, facilisis ipsum. | ||
+ | </div></html> | ||
+ | |||
+ | <h3>Float Image to the right</h3> | ||
+ | <html><div class="contentSection"> | ||
+ | <figure class="rightFig"> | ||
+ | <img src="https://static.igem.org/mediawiki/parts/4/46/ENM_small.gif" width=60% height=60%> | ||
+ | <figcaption><b>Figure 1:</b> This is Mr. Sexy Protein dancing on the right page side. Make sure to scale big images!</figcaption> | ||
+ | </figure> | ||
+ | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed hendrerit nibh in metus euismod, at facilisis risus viverra. Nam ullamcorper ut nunc vel placerat. Nunc faucibus, risus posuere suscipit cursus, urna dolor elementum nibh, nec bibendum lacus ex ut urna. Duis eu aliquam eros. Curabitur eget lacus lectus. Mauris auctor mauris vel ex venenatis lobortis. Etiam aliquam, risus eu aliquam scelerisque, orci elit dignissim dui, eget scelerisque orci quam ut nunc. Quisque aliquet eleifend odio, nec eleifend sem. Curabitur sagittis leo urna, in venenatis urna ultrices at. Quisque id eros vulputate, feugiat justo nec, facilisis ipsum. | ||
+ | </div></html> |
Revision as of 14:20, 16 September 2015
HTML Cheat sheet for this wiki:
If you have more than three headings (h1-h6), a table of content will appear above the first heading.
Contents
Heading 1
...
Heading 2
...
Heading 3
...
Heading 4
...
Basic Tags
bold,
italic,
bold italic,
newline
Enclose text paragraphs in paragraph tags <p>...</p>
Lists
Unordered Lists:
- ...
- ...
- ...
Ordered Lists:
- ...
- ...
- ...
Both types of lists can be arbitrary nested for subitems, e.g.:
- Subitems:
- ...
- ...
- ...
- ...
- ...
Images
We have an own class for images that should be used like this:
Centered Image
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed hendrerit nibh in metus euismod, at facilisis risus viverra. Nam ullamcorper ut nunc vel placerat. Nunc faucibus, risus posuere suscipit cursus, urna dolor elementum nibh, nec bibendum lacus ex ut urna. Duis eu aliquam eros. Curabitur eget lacus lectus. Mauris auctor mauris vel ex venenatis lobortis. Etiam aliquam, risus eu aliquam scelerisque, orci elit dignissim dui, eget scelerisque orci quam ut nunc. Quisque aliquet eleifend odio, nec eleifend sem. Curabitur sagittis leo urna, in venenatis urna ultrices at. Quisque id eros vulputate, feugiat justo nec, facilisis ipsum.
Float Image to the Left
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed hendrerit nibh in metus euismod, at facilisis risus viverra. Nam ullamcorper ut nunc vel placerat. Nunc faucibus, risus posuere suscipit cursus, urna dolor elementum nibh, nec bibendum lacus ex ut urna. Duis eu aliquam eros. Curabitur eget lacus lectus. Mauris auctor mauris vel ex venenatis lobortis. Etiam aliquam, risus eu aliquam scelerisque, orci elit dignissim dui, eget scelerisque orci quam ut nunc. Quisque aliquet eleifend odio, nec eleifend sem. Curabitur sagittis leo urna, in venenatis urna ultrices at. Quisque id eros vulputate, feugiat justo nec, facilisis ipsum.
Float Image to the right
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed hendrerit nibh in metus euismod, at facilisis risus viverra. Nam ullamcorper ut nunc vel placerat. Nunc faucibus, risus posuere suscipit cursus, urna dolor elementum nibh, nec bibendum lacus ex ut urna. Duis eu aliquam eros. Curabitur eget lacus lectus. Mauris auctor mauris vel ex venenatis lobortis. Etiam aliquam, risus eu aliquam scelerisque, orci elit dignissim dui, eget scelerisque orci quam ut nunc. Quisque aliquet eleifend odio, nec eleifend sem. Curabitur sagittis leo urna, in venenatis urna ultrices at. Quisque id eros vulputate, feugiat justo nec, facilisis ipsum.