-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
126 lines (102 loc) · 3.75 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<!doctype HTML>
<html>
<head>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="content">
<div id="top"><a href="http://daringfireball.net/projects/markdown/syntax">Much Better Reference</a><span class="info"><a href="https://github.com/crismanNoble/markdownCheatSheet">Fork This</a> | <a href="http://mksht.crisnoble.com/project-6-markdown-cheat-sheet">MKSHT</a> x <a href="http://crisnoble.com">Cris Noble</a></span></div>
<div class="third" id="left">
<div class="title">Markdown</div>
<hr>
<textarea>
#Headers need # infront
###Three hashes makes H3 and so on
You can also underline to create headers
--------
**I am bold** and __so am i__
_I am italic_ and *me too*
Never forget that two spaces at the end of
a line will force a break, but a single return won't.
`code is wrapped in backticks(``) `
or tabbed / 4 space indented
and in spain they say
>The rain falls on the plains
Although that is widely [disputed][1].
Inline [links](http://google.com "google") are somewhat
easier to remember for me.
Two returns create a new paragraph.
***
You can also make a horizontal line if you want.
The last useful thing to do is an image
* lists have an astrix
* followed by 4 spaces
[1]: http://wikipedia.com "not sure about spain rain"
</textarea>
</div>
<div class="third" id="right">
<div class="title">Rendered HTML</div>
<hr>
<textarea>
<h1>Headers need # infront</h1>
<h3>Three hashes makes H3 and so on</h3>
<h2>You can also underline to create headers</h2>
<p><strong>I am bold</strong> and <strong>so am i</strong> <br>
<em>I am italic</em> and <em>me too</em> <br>
Never forget that two spaces at the end of
a line will force a break, but a single return won't. <br>
<code>code is wrapped in backticks(``)</code> </p>
<pre><code>or tabbed / 4 space indented
</code></pre>
<p>and in spain they say </p>
<blockquote>
<p>The rain falls on the plains </p>
</blockquote>
<p>Although that is widely <a href="http://wikipedia.com" title="not sure about spain rain">disputed</a>. <br>
Inline <a href="http://google.com" title="google">links</a> are somewhat
easier to remember for me.</p>
<p>Two returns create a new paragraph.</p>
<hr>
<p>You can also make a horizontal line if you want. <br>
The last useful thing to do is an image <br>
<img src="http://placehold.it/200x200" alt="alt text" title="title"> <br>
<ul>
<li>lists have an astrix</li>
<li>followed by 4 spaces</li>
</ul>
</textarea>
</div>
<div class="third" id="right">
<div class="title">Output</div>
<hr>
<h1>Headers need # infront</h1>
<h3>Three hashes makes H3 and so on</h3>
<h2>You can also underline to create headers</h2>
<p><strong>I am bold</strong> and <strong>so am i</strong> <br>
<em>I am italic</em> and <em>me too</em> <br>
Never forget that two spaces at the end of
a line will force a break, but a single return won't. <br>
<code>code is wrapped in backticks(``)</code> </p>
<pre><code>or tabbed / 4 space indented
</code></pre>
<p>and in spain they say </p>
<blockquote>
<p>The rain falls on the plains </p>
</blockquote>
<p>Although that is widely <a href="http://wikipedia.com" title="not sure about spain rain">disputed</a>. <br>
Inline <a href="http://google.com" title="google">links</a> are somewhat
easier to remember for me.</p>
<p>Two returns create a new paragraph.</p>
<hr>
<p>You can also make a horizontal line if you want. <br>
The last useful thing to do is an image <br>
<img src="http://placehold.it/200x200" alt="alt text" title="title"> <br>
<ul>
<li>lists have an astrix</li>
<li>followed by 4 spaces</li>
</ul>
</div>
</div>
</body>
</html>