Help:Contents/Editing Tinwiki/Wiki markup, HTML and CSS

From TinWiki.org

Wiki markup can be used in combination with HTML and CSS.

Mostly one can get by completely without any kind of markup. A wiki page can be written just like typing in text in Notepad or other plain text text editor. Now and then, one may wish to insert something more. That is when markup comes in. Markup is used for a reasonably simple thing like putting a word in italic font formatting, or for much more complicated things. How much markup is used—if any at all—is entirely up to the individual contributor.

Again, an article can perfectly well be written just like in Notepad, with simple, plain text and nothing more. In the cases when something more is wanted, this page could be of help.


For those who might want to add some formatting to articles, and could use some pointers, this page will describe some fairly basic things, starting with very simple markup codes. Three types of markup will be included, namely the three types mentioned earlier in this page: wiki markup, HTML and CSS.

  • Wiki markup is a simplified form of markup
  • HTML—HyperText Markup Language—is the normal markup language of the web
  • CSS—Cascading Style Sheets—is an "offshoot" of HTML, used for certain things

Those who know some basic HTML have a very good start. Wiki markup is very similar to HTML, except it is simplified so that most people can use it. In a wiki, anyone should be able to participate.

CSS has emerged as a more simple and efficient way of formatting HTML web pages. Those who know some HTML may remember that many formatting codes were written interspersed in the HTML; many of these formatting codes were later extracted out of the HTML and were written separately, either in the same file but before the normal HTML, or it was even moved to a separate file ("style sheet") which the HTML file was linked to. Some particular formatting needs are best served using CSS, rather than with HTML or wiki markup. When using CSS, it will usually be inside the STYLE attribute.

Contents

[edit]

Basic formatting

The most simple formatting creates italic font, bold font, also underline and strikethrough.

If a formatting is convenient to do with wiki markup, that should be used. Otherwise, it can be good to use HTML. In some cases, CSS may be most appropriate.

[edit]

Italic

Markup type Markup code Result
Wiki markup ''italic'' italic
HTML <i>italic</i> italic
CSS <span style="font-style: italic">italic</span>* italic

* The SPAN tag is used only as an example. CSS can be used in other ways than inside a SPAN tag.

[edit]

Bold

Markup type Markup code Result
Wiki markup '''bold''' bold
HTML <b>bold</b> bold
CSS <span style="font-weight: bold">bold</span>* bold

* The SPAN tag is used only as an example. CSS can be used in other ways than inside a SPAN tag.

[edit]

Underline

Markup type Markup code Result
Wiki markup N/A N/A
HTML <u>underline</u> underline
CSS <span style="text-decoration: underline;">underline</span>* underline

* The SPAN tag is used only as an example. CSS can be used in other ways than inside a SPAN tag.

[edit]

Strikethrough

Markup type Markup code Result
Wiki markup N/A N/A
HTML <s>strikethrough</s> strikethrough
CSS <span style="text-decoration: line-through;">strikethrough</span>* strikethrough

* The SPAN tag is used only as an example. CSS can be used in other ways than inside a SPAN tag.

Retrieved from "http://tinwiki.org/wiki/Help:Contents/Editing_Tinwiki/Wiki_markup%2C_HTML_and_CSS"