Markdown, Wikitext and HTML Syntax Cheat Sheet - Presentation Transcript
Markdown, Wikitext and HTML Syntax Cheat Sheet
Markdown Wikitext HTML
H1 # text # or text = text = <h1>text</h1>
===
H2 ## text ## or text == text == <h2>text</h2>
----
H3 ### text ### === text === <h3>text</h3>
Bold __text__ (two underscores) '''text''' (three single quotes) <strong>text</strong>
Italics _text_ (one underscore) ''text'' (two single quotes) <em>text</em>
Block quotes > text (best to hard return and {space}text <blockquote>text</blockquote>
lead each line with > )
Ordered List 1. First item # First item <ul>
2. Second item # Second item <li>First item</li>
(actual number doesn't matter, <li>Second item</li>
will format as an ordered list) </ul>
Unordered List * First bullet * First bullet <ul>
* Indented {four spaces} ** Indented <li>First item</li>
<ul><li>Second item</li></ul>
</ul>
Internal Link [[Link|Link Name]]
(Link Name is optional)
External Link [Link Name](http://link.com) [http://link.com Link Name] <a href=”http://link.com”>Link
or <http://link.com> (space between link and name) Name</a>
(to use the link as the link name) or http://link.com
***(see also note below) (to use the link as the link name)
Linebreak {end a line with two spaces then a <br /> <br />
return}
Paragraph {two returns} {two returns} <p>text</p>
Preformatting Text {four spaces} Text {one space} <pre>Text</pre>
(<pre><code>Text</code></pre>) (<pre>Text</pre>)
Horizontal Rule ---- ---- <hr />
Images No styling support in Markdown [[Image:image.png|thumb|100px| <img width=”100” height=”100”
image syntax, use HTML instead 100px|right|Display text]] align=“right” alt=”Display text”
(use commons.wikipedia.org) src=”http://flickr.com/image.png”>
Tables {incomplete} {incomplete}
*** There is a valuable optional syntax for external links in Markdown which allows for much more readable copy as well as
reusability of links within a text.
This is text with [a link] [1], [another link] [2], and [a third link] [3]. {there is a single space between bracket sets}
[1]: http://firstlink.com “First link description text (hover text)”
[2]: http://secondlink.com “Second link description text (hover text)”
[3]: http://thirdlink.com “Third link description text (hover text)”
Another approach is as follows:
This is text with [a link][], [another link][], and [a third link][]. {there is no longer a space between bracket sets}
[a link]: http://firstlink.com “First link description text (hover text)”
[another link]: http://secondlink.com “Second link description text (hover text)”
[a third link]: http://thirdlink.com “Third link description text (hover text)”
Resources: http://daringfireball.net/projects/markdown/syntax and http://en.wikipedia.org/wiki/Wikipedia:Cheatsheet
0 comments
Post a comment