(New page: === HTML tags === You can use some '''HTML tags''' too. However, you should avoid HTML in favor of Wiki markup whenever possible. {| border="1" cellpadding="2" !width="1000"|What it look...) |
|||
(14 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
+ | =='''Colors as Backgrounds'''== |
||
⚫ | |||
+ | This wiki uses similar colour scheme on its [[Welcome to Human Science|Main Page]]. |
||
+ | |||
+ | <!-- legacy XHTML table visible with any browser --> |
||
+ | <!-- green blue purple grey--> |
||
+ | {| |
||
+ | | style="border: 1px solid #cef2e0; padding: 1em; margin: auto" bgcolor="#f5fffa" | background:<tt>#f5fffa</tt> border:<tt>#cef2e0</tt> || bgcolor="#cef2e0" |   |
||
+ | | style="border: 1px solid #a3bfb1; padding: 1em; margin: auto" bgcolor="#cef2e0" | background:<tt>#cef2e0</tt> border:<tt>#a3bfb1</tt> || bgcolor="#a3bfb1" |   |
||
+ | |- |
||
+ | | style="border: 1px solid #cedff2; padding: 1em; margin: auto" bgcolor="#f5faff" | background:<tt>#f5faff</tt> border:<tt>#cedff2</tt> || bgcolor="#cedff2" |   |
||
+ | | style="border: 1px solid #a3b0bf; padding: 1em; margin: auto" bgcolor="#cedff2" | background:<tt>#cedff2</tt> border:<tt>#a3b0bf</tt> || bgcolor="#a3b0bf" |   |
||
+ | |- |
||
+ | | style="border: 1px solid #ddcef2; padding: 1em; margin: auto" bgcolor="#faf5ff" | background:<tt>#faf5ff</tt> border:<tt>#ddcef2</tt> || bgcolor="#ddcef2" |   |
||
+ | | style="border: 1px solid #afa3bf; padding: 1em; margin: auto" bgcolor="#ddcef2" | background:<tt>#ddcef2</tt> border:<tt>#afa3bf</tt> || bgcolor="#afa3bf" |   |
||
+ | |- |
||
+ | | style="border: 1px solid #f2e6ce; padding: 1em; margin: auto" bgcolor="#fffaf5" | background:<tt>#fffaf5</tt> border:<tt>#f2e0ce</tt> || bgcolor="#f2e0ce" |   |
||
+ | | style="border: 1px solid #bfb1a3; padding: 1em; margin: auto" bgcolor="#f2e0ce" | background:<tt>#f2e0ce</tt> border:<tt>#bfb1a3</tt> || bgcolor="#bfb1a3" |   |
||
+ | |- |
||
+ | | style="border: 1px solid #cccccc; padding: 1em; margin: auto" bgcolor="#fcfcfc" | background:<tt>#fcfcfc</tt> border:<tt>#cccccc</tt> || bgcolor="#cccccc" |   |
||
+ | |} |
||
+ | ''Please note that the colour for the border on the lighter boxes is also the colour of the backgrounds of the darker (title) boxes.'' |
||
+ | |||
+ | |||
+ | =='''Font size, color and positioning'''== |
||
+ | *'''To color simple text''', see example code |
||
+ | <nowiki><div style="text-align:center;font-size:125%;color:#800000"><center>'''Knowledge from a Human Perspective''' </center></div></nowiki> |
||
+ | |||
+ | This is what you see on your page |
||
+ | <div style="text-align:center;font-size:125%;color:#800000"><center>'''Knowledge from a Human Perspective''' </center></div> |
||
+ | |||
+ | ---- |
||
+ | |||
+ | *'''To color links''', see example code |
||
+ | <nowiki>[[Personality Portal|<span style="color:#DE3163">'''PERSONALITY'''</span>]]</nowiki> |
||
+ | |||
+ | This is what you see on your page |
||
+ | |||
+ | [[Personality Portal|<span style="color:#DE3163">'''PERSONALITY'''</span>]] |
||
+ | |||
⚫ | |||
You can use some '''HTML tags''' too. However, you should avoid HTML in favor of Wiki markup whenever possible. |
You can use some '''HTML tags''' too. However, you should avoid HTML in favor of Wiki markup whenever possible. |
||
Line 75: | Line 114: | ||
|} |
|} |
||
+ | |||
− | + | == '''Organizing your writing''' == |
|
{| border="1" cellpadding="2" |
{| border="1" cellpadding="2" |
||
!width="1000"|What it looks like |
!width="1000"|What it looks like |
||
Line 226: | Line 266: | ||
so that they go in the table of contents. |
so that they go in the table of contents. |
||
</pre> |
</pre> |
||
+ | |- |
||
+ | |} |
||
+ | |||
+ | |||
+ | =='''Using Footnotes'''== |
||
+ | {| border="1" cellpadding="2" |
||
+ | !width="1000"|What it looks like |
||
+ | !width="500"|What you type |
||
|- |
|- |
||
| |
| |
||
Line 251: | Line 299: | ||
⚫ | |||
− | |||
⚫ | |||
A few different kinds of formatting will tell the Wiki to display things as you typed them. |
A few different kinds of formatting will tell the Wiki to display things as you typed them. |
||
Line 330: | Line 377: | ||
|} |
|} |
||
+ | |||
− | == |
+ | =='''Images, tables, video, and sounds'''== |
After uploading, just enter the filename, highlight it and press the "embedded image"-button of the edit_toolbar. |
After uploading, just enter the filename, highlight it and press the "embedded image"-button of the edit_toolbar. |
||
Line 375: | Line 423: | ||
| |
| |
||
Use '''media:''' links to link |
Use '''media:''' links to link |
||
− | directly to sounds or videos |
+ | directly to sounds or videos |
− | [[media:Sg_mrob.ogg|A sound file]] |
||
|<pre> |
|<pre> |
||
Use '''media:''' links to link |
Use '''media:''' links to link |
||
− | directly to sounds or videos |
+ | directly to sounds or videos |
− | [[media:Sg_mrob.ogg|A sound file]] |
||
</pre> |
</pre> |
||
|- |
|- |
||
Line 406: | Line 452: | ||
|} |
|} |
||
+ | |||
− | + | == '''Mathematical formulas''' == |
|
You can format mathematical formulas with [[w:TeX|TeX]] markup. |
You can format mathematical formulas with [[w:TeX|TeX]] markup. |
||
Line 419: | Line 466: | ||
</nowiki></pre> |
</nowiki></pre> |
||
|} |
|} |
||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | '''Back to [[Help:Contents]]''' |
||
+ | [[Category:Help]] |
Latest revision as of 08:31, 2 August 2007
Colors as Backgrounds
This wiki uses similar colour scheme on its Main Page.
background:#f5fffa border:#cef2e0 | background:#cef2e0 border:#a3bfb1 | ||
background:#f5faff border:#cedff2 | background:#cedff2 border:#a3b0bf | ||
background:#faf5ff border:#ddcef2 | background:#ddcef2 border:#afa3bf | ||
background:#fffaf5 border:#f2e0ce | background:#f2e0ce border:#bfb1a3 | ||
background:#fcfcfc border:#cccccc |
Please note that the colour for the border on the lighter boxes is also the colour of the backgrounds of the darker (title) boxes.
Font size, color and positioning
- To color simple text, see example code
<div style="text-align:center;font-size:125%;color:#800000"><center>'''Knowledge from a Human Perspective''' </center></div>
This is what you see on your page
- To color links, see example code
[[Personality Portal|<span style="color:#DE3163">'''PERSONALITY'''</span>]]
This is what you see on your page
HTML tags
You can use some HTML tags too. However, you should avoid HTML in favor of Wiki markup whenever possible.
What it looks like | What you type |
---|---|
Put text in a typewriter
font. The same font is
generally used for |
Put text in a <tt>typewriter font</tt>. The same font is generally used for <code> computer code</code>. |
|
<strike>Strike out</strike> or <u>underline</u> text, or write it <span style= "font-variant:small-caps"> in small caps</span>. |
Superscripts and subscripts: X2, H2O |
Superscripts and subscripts: X<sup>2</sup>, H<sub>2</sub>O |
|
<center>Centered text</center> |
|
<blockquote> The '''blockquote''' command will indent both margins when needed instead of the left margin only as the colon does. </blockquote> |
Invisible comments to editors (<!-- -->) appear only while editing the page.
|
Invisible comments to editors (<!-- -->) appear only while editing the page. <!-- Note to editors: blah blah blah. --> |
Organizing your writing
What it looks like | What you type |
---|---|
Section headings
Headings organize your writing into sections. The Wiki software can automatically generate a table of contents from them. Subsection
Using more equals signs creates a subsection. A smaller subsection
Don't skip levels, like from two to four equals signs. Start with 2 equals signs not 1 because 1 creates H1 tags which should be reserved for page title. |
== Section headings == ''Headings'' organize your writing into sections. The Wiki software can automatically generate a table of contents from them. === Subsection === Using more equals signs creates a subsection. ==== A smaller subsection ==== Don't skip levels, like from two to four equals signs. Start with 2 equals signs not 1 because 1 creates H1 tags which should be reserved for page title. |
marks the end of the list.
|
* ''Unordered lists'' are easy to do: ** Start every line with a star. *** More stars indicate a deeper level. *: Previous item continues. ** A newline * in a list marks the end of the list. * Of course you can start again. |
A newline marks the end of the list.
|
# ''Numbered lists'' are: ## Very organized ## Easy to follow A newline marks the end of the list. # New numbering starts with 1. |
Here's a definition list:
Begin with a semicolon. One item per line; a newline can appear before the colon, but using a space before the colon improves parsing. |
Here's a ''definition list'': ; Word : Definition of the word ; A longer phrase needing definition : Phrase defined ; A word : Which has a definition : Also a second one : And even a third Begin with a semicolon. One item per line; a newline can appear before the colon, but using a space before the colon improves parsing. |
|
* You can even do mixed lists *# and nest them *# inside each other *#* or break lines<br>in lists. *#; definition lists *#: can be *#:; nested : too |
A newline starts a new paragraph.
|
: A colon (:) indents a line or paragraph. A newline starts a new paragraph. <br> Often used for discussion on talk pages. : We use 1 colon to indent once. :: We use 2 colons to indent twice. ::: 3 colons to indent 3 times, and so on. |
You can make horizontal dividing lines (----) to separate text. But you should usually use sections instead, so that they go in the table of contents. |
You can make horizontal dividing lines (----) to separate text. ---- But you should usually use sections instead, so that they go in the table of contents. |
Using Footnotes
What it looks like | What you type |
---|---|
You can add footnotes to sentences using the ref tag -- this is especially good for citing a source.
For details, see Wikipedia:Footnotes. |
You can add footnotes to sentences using the ''ref'' tag -- this is especially good for citing a source. :There are over six billion people in the world.<ref>CIA World Factbook, 2006.</ref> References: <references/> For details, see [[Wikipedia:Footnotes]] |
Just show what I typed
A few different kinds of formatting will tell the Wiki to display things as you typed them.
What it looks like | What you type |
---|---|
The nowiki tag ignores [[Wiki]] ''markup''. It reformats text by removing newlines and multiple spaces. It still interprets special characters: → |
<nowiki> The nowiki tag ignores [[Wiki]] ''markup''. It reformats text by removing newlines and multiple spaces. It still interprets special characters: → </nowiki> |
The pre tag ignores [[Wiki]] ''markup''. It also doesn't reformat text. It still interprets special characters: → |
<pre> The pre tag ignores [[Wiki]] ''markup''. It also doesn't reformat text. It still interprets special characters: → </pre> |
Leading spaces are another way to preserve formatting. Putting a space at the
beginning of each
line stops the text
from being
reformatted. It still
interprets Wiki
markup and special
characters: →
|
Leading spaces are another way to preserve formatting. Putting a space at the beginning of each line stops the text from being reformatted. It still interprets [[Wiki]] ''markup'' and special characters: → |
Images, tables, video, and sounds
After uploading, just enter the filename, highlight it and press the "embedded image"-button of the edit_toolbar.
This will produce the syntax for uploading a file [[Image:filename.png]]
This is a very quick introduction. For more information, see:
- w:en:Wikipedia:Extended image syntax for how to arrange images on the page
What it looks like | What you type | ||||
---|---|---|---|---|---|
A picture, including alternate text: You can put the image in a frame with a caption: |
A picture, including alternate text: [[Image:Wiki.png|This Wiki's logo]] The image in a frame with a caption: [[Image:Wiki.png|frame|This Wiki's logo]] | ||||
A link to Wikipedia's page for the image: Image:Wiki.png Or a link directly to the image itself: Media:Wiki.png |
A link to Wikipedia's page for the image: [[:Image:Wiki.png]] Or a link directly to the image itself: [[Media:Wiki.png]] | ||||
Use media: links to link directly to sounds or videos |
Use '''media:''' links to link directly to sounds or videos | ||||
|
{| border="1" cellspacing="0" cellpadding="5" align="center" ! This ! is |- | a | table |- |} |
Mathematical formulas
You can format mathematical formulas with TeX markup.
What it looks like | What you type |
---|---|
|
<math>\sum_{n=0}^\infty \frac{x^n}{n!}</math> |
Back to Help:Contents