Team:Paris Bettencourt/Wiki Examples
From 2013.igem.org
(Created page with "{{:Team:Paris_Bettencourt/header}} <div id="grouptitle">Wiki How To...</div> <html> <h2> Structuring and Formating</h2> <h3> Basic Text Formating</h3> <h4> Headings </h4> <...") |
|||
Line 5: | Line 5: | ||
<html> | <html> | ||
- | < | + | <h1> Structuring and Formating</h1> |
- | < | + | <h2> Basic Text Formating</h2> |
- | |||
<p>There are six levels of headings: <h1>, <h2>, | <p>There are six levels of headings: <h1>, <h2>, | ||
<h3>, <h4> <h5>, and <h6>. | <h3>, <h4> <h5>, and <h6>. | ||
</p> | </p> | ||
- | |||
- | |||
<p> | <p> | ||
The tags to mark the beginning and end of a paragraph are | The tags to mark the beginning and end of a paragraph are | ||
- | <p> <p> < | + | <p> </p> |
+ | </p> | ||
+ | <p> | ||
+ | Line breaks are done using <br /> | ||
</p> | </p> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<p> | <p> | ||
If you which to format text as written in source code, you can use | If you which to format text as written in source code, you can use | ||
- | <pre> <pre> <br /> | + | <pre> </pre> <br /> |
<pre> | <pre> | ||
Here is an example of preformated text | Here is an example of preformated text | ||
Line 36: | Line 30: | ||
</p> | </p> | ||
- | <h2> | + | <h2> Presentation Elements</h2> |
+ | <p> | ||
+ | Bold: The following word uses a <b>bold</b> typeface. <br /> | ||
+ | Italic: The following word uses an <i>italic</i> typeface. <br /> | ||
+ | Inderline: The following word would be <u>underlined</u>. <br /> | ||
+ | Monospaced: The following word will appear in a <tt>monospaced</tt> font. <br /> | ||
+ | Sup: Written on the 31<sup>st</sup> February.<br /> | ||
+ | Sub: The EPR paradox<sub>2</sub> was devised by Einstein, Podolsky, and Rosen.<br /> | ||
+ | Bigger: The following word should be <big>bigger</big> than those around it.<br /> | ||
+ | Smaller: The following word should be <small>smaller</small> than those around it.<br /> | ||
+ | </p> | ||
- | < | + | <p> |
+ | Here is how to make an horizontal brake | ||
+ | <hr /> | ||
+ | </p> | ||
- | <h2> | + | <h2> Phrase Elements</h2> |
+ | |||
+ | <p>Emphasize: You <em>must</em> remember to close elements in XHTML.</p> | ||
+ | |||
+ | <p>Strong: <em>Always</em> look at burning magnesium through protective colored | ||
+ | glass as it <strong>can cause blindness</strong>.</p> | ||
+ | |||
+ | <p>Address:<address>Wrox Press, 10475 Crosspoint Blvd, Indianapolis, IN 46256</address></p> | ||
+ | |||
+ | <p>Abbreviations: I have a friend called <abbr title=”Beverly”>Bev</abbr>.</p> | ||
+ | |||
+ | <p>Acronyms: This chapter covers marking up text in <acronym title=”Extensible Hypertext Markup Language”>XHTML</acronym>.</p> | ||
+ | |||
+ | <p>Special Terms: This book teaches you how mark up your documents for the Web using <dfn>XHTML</dfn>.</p> | ||
+ | |||
+ | <p>Blockquote: The following description of XHTML is taken from the W3C Web site:</p> | ||
+ | <blockquote>XHTML 1.0 is the W3C’s first Recommendation for XHTML, | ||
+ | following on from earlier work on HTML 4.01, HTML 4.0, HTML 3.2 and HTML | ||
+ | 2.0. </blockquote> | ||
+ | </p> | ||
+ | <p> | ||
+ | Blockquote + cite: | ||
+ | <blockquote cite=”http://www.w3.org/markup/”>XHTML 1.0 is the W3C’s first | ||
+ | Recommendation for XHTML, following on from earlier work on HTML 4.01, HTML | ||
+ | 4.0, HTML 3.2 and HTML 2.0.</blockquote> | ||
+ | </p> | ||
+ | |||
+ | <p>Short Quotes: As Dylan Thomas said, <q>Somebody’s boring me. I think it’s me</q>.</p> | ||
+ | |||
+ | <p>This chapter is taken from <cite>Beginning Web Development</cite>.</p> | ||
+ | |||
+ | <p>Code: <code><h1>This is a primary heading</h1></code></p> | ||
+ | |||
+ | <ol> | ||
+ | <li>Point number one</li> | ||
+ | <li>Point number two</li> | ||
+ | <li>Point number three</li> | ||
+ | </ol> | ||
+ | |||
+ | <ol type=”i”> | ||
+ | <li>Point number one</li> | ||
+ | <li>Point number two</li> | ||
+ | <li>Point number three</li> | ||
+ | </ol> | ||
+ | |||
+ | <ol type=”A” start=”4”> | ||
+ | <li>Point number one</li> | ||
+ | <li>Point number two</li> | ||
+ | <li>Point number three</li> | ||
+ | </ol> | ||
+ | |||
+ | <dl> | ||
+ | <dt>Unordered List</dt> | ||
+ | <dd>A list of bullet points.</dd> | ||
+ | <dt>Ordered List</dt> | ||
+ | <dd>An ordered list of points, such as a numbered set of steps.</dd> | ||
+ | <dt>Definition List</dt> | ||
+ | <dd>A list of terms and definitions.</dd> | ||
+ | </dl> | ||
+ | |||
+ | <ol type=”I”> | ||
+ | <li>Item one</li> | ||
+ | <li>Item two</li> | ||
+ | <li>Item three</li> | ||
+ | <li>Item four | ||
+ | <ol type=”i”> | ||
+ | <li>Item 4.1</li> | ||
+ | <li>Item 4.2</li> | ||
+ | <li>Item 4.3</li> | ||
+ | </ol> | ||
+ | </li> | ||
+ | <li>Item Five</li> | ||
+ | </ol> | ||
+ | |||
+ | |||
+ | <h1> Links and Navigation</h1> | ||
+ | |||
+ | <p><a href=”http://www.Google.com/” title=”Search the Web with | ||
+ | Google”>Google</a> | ||
+ | is a very popular search engine.</p> | ||
+ | |||
+ | <p><a href=”mailto:name@example.com”>name@example.com</a></p> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <h1> Images, Audio, and Video</h1> | ||
+ | |||
+ | <h1> Tables </h1> | ||
</html> | </html> | ||
+ | |||
+ | |||
<!-- ########## Don't edit below ########## --> | <!-- ########## Don't edit below ########## --> | ||
{{:Team:Paris_Bettencourt/footer}} | {{:Team:Paris_Bettencourt/footer}} |
Latest revision as of 18:44, 18 July 2013
<body>
Structuring and Formating
Basic Text Formating
There are six levels of headings: <h1>, <h2>, <h3>, <h4> <h5>, and <h6>.
The tags to mark the beginning and end of a paragraph are <p> </p>
Line breaks are done using <br />
If you which to format text as written in source code, you can use
<pre> </pre>
Here is an example of preformated text function foo (x){ y = x + 1; }
Presentation Elements
Bold: The following word uses a bold typeface.
Italic: The following word uses an italic typeface.
Inderline: The following word would be underlined.
Monospaced: The following word will appear in a monospaced font.
Sup: Written on the 31st February.
Sub: The EPR paradox2 was devised by Einstein, Podolsky, and Rosen.
Bigger: The following word should be bigger than those around it.
Smaller: The following word should be smaller than those around it.
Here is how to make an horizontal brake
Phrase Elements
Emphasize: You must remember to close elements in XHTML.
Strong: Always look at burning magnesium through protective colored glass as it can cause blindness.
Address:
Wrox Press, 10475 Crosspoint Blvd, Indianapolis, IN 46256Abbreviations: I have a friend called Bev.
Acronyms: This chapter covers marking up text in XHTML.
Special Terms: This book teaches you how mark up your documents for the Web using XHTML.
Blockquote: The following description of XHTML is taken from the W3C Web site:
XHTML 1.0 is the W3C’s first Recommendation for XHTML, following on from earlier work on HTML 4.01, HTML 4.0, HTML 3.2 and HTML 2.0.
Blockquote + cite:
XHTML 1.0 is the W3C’s first Recommendation for XHTML, following on from earlier work on HTML 4.01, HTML 4.0, HTML 3.2 and HTML 2.0.
Short Quotes: As Dylan Thomas said, Somebody’s boring me. I think it’s me
.
This chapter is taken from Beginning Web Development.
Code: <h1>This is a primary heading</h1>
- Point number one
- Point number two
- Point number three
- Point number one
- Point number two
- Point number three
- Point number one
- Point number two
- Point number three
- Unordered List
- A list of bullet points.
- Ordered List
- An ordered list of points, such as a numbered set of steps.
- Definition List
- A list of terms and definitions.
- Item one
- Item two
- Item three
- Item four
- Item 4.1
- Item 4.2
- Item 4.3
- Item Five
Links and Navigation
Google is a very popular search engine.
Images, Audio, and Video
Tables