git.iko.soy/typeable/pandoc
on bbb60a2 help sign in
typeable/pandoc/tests/writer.html
1165 lines 19 kB history raw
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml">
3<head>
4 <title>Pandoc Test Suite</title>
5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6 <meta name="generator" content="pandoc" />
7 <meta name="author" content="John MacFarlane" />
8 <meta name="author" content="Anonymous" />
9 <meta name="date" content="July 17, 2006" />
10</head>
11<body>
12<h1 class="title">Pandoc Test Suite</h1>
13<p
14>This is a set of tests for pandoc. Most of them are adapted from John Gruber’s markdown test suite.</p
15><hr
16 /><h1 id="headers"
17>Headers</h1
18><h2 id="level-2-with-an-embedded-link"
19>Level 2 with an <a href="/url"
20 >embedded link</a
21 ></h2
22><h3 id="level-3-with-emphasis"
23>Level 3 with <em
24 >emphasis</em
25 ></h3
26><h4 id="level-4"
27>Level 4</h4
28><h5 id="level-5"
29>Level 5</h5
30><h1 id="level-1"
31>Level 1</h1
32><h2 id="level-2-with-emphasis"
33>Level 2 with <em
34 >emphasis</em
35 ></h2
36><h3 id="level-3"
37>Level 3</h3
38><p
39>with no blank line</p
40><h2 id="level-2"
41>Level 2</h2
42><p
43>with no blank line</p
44><hr
45 /><h1 id="paragraphs"
46>Paragraphs</h1
47><p
48>Here’s a regular paragraph.</p
49><p
50>In Markdown 1.0.0 and earlier. Version 8. This line turns into a list item. Because a hard-wrapped line in the middle of a paragraph looked like a list item.</p
51><p
52>Here’s one with a bullet. * criminey.</p
53><p
54>There should be a hard line break<br
55 />here.</p
56><hr
57 /><h1 id="block-quotes"
58>Block Quotes</h1
59><p
60>E-mail style:</p
61><blockquote
62><p
63 >This is a block quote. It is pretty short.</p
64 ></blockquote
65><blockquote
66><p
67 >Code in a block quote:</p
68 ><pre
69 ><code
70 >sub status {
71 print &quot;working&quot;;
73</code
74 ></pre
75 ><p
76 >A list:</p
77 ><ol style="list-style-type: decimal;"
78 ><li
79 >item one</li
80 ><li
81 >item two</li
82 ></ol
83 ><p
84 >Nested block quotes:</p
85 ><blockquote
86 ><p
87 >nested</p
88 ></blockquote
89 ><blockquote
90 ><p
91 >nested</p
92 ></blockquote
93 ></blockquote
94><p
95>This should not be a block quote: 2 &gt; 1.</p
96><p
97>And a following paragraph.</p
98><hr
99 /><h1 id="code-blocks"
100>Code Blocks</h1
101><p
102>Code:</p
103><pre
104><code
105 >---- (should be four hyphens)
107sub status {
108 print &quot;working&quot;;
111this code block is indented by one tab
112</code
113 ></pre
114><p
115>And:</p
116><pre
117><code
118 > this code block is indented by two tabs
120These should not be escaped: \$ \\ \&gt; \[ \{
121</code
122 ></pre
123><hr
124 /><h1 id="lists"
125>Lists</h1
126><h2 id="unordered"
127>Unordered</h2
128><p
129>Asterisks tight:</p
130><ul
131><li
132 >asterisk 1</li
133 ><li
134 >asterisk 2</li
135 ><li
136 >asterisk 3</li
137 ></ul
138><p
139>Asterisks loose:</p
140><ul
141><li
142 ><p
143 >asterisk 1</p
144 ></li
145 ><li
146 ><p
147 >asterisk 2</p
148 ></li
149 ><li
150 ><p
151 >asterisk 3</p
152 ></li
153 ></ul
154><p
155>Pluses tight:</p
156><ul
157><li
158 >Plus 1</li
159 ><li
160 >Plus 2</li
161 ><li
162 >Plus 3</li
163 ></ul
164><p
165>Pluses loose:</p
166><ul
167><li
168 ><p
169 >Plus 1</p
170 ></li
171 ><li
172 ><p
173 >Plus 2</p
174 ></li
175 ><li
176 ><p
177 >Plus 3</p
178 ></li
179 ></ul
180><p
181>Minuses tight:</p
182><ul
183><li
184 >Minus 1</li
185 ><li
186 >Minus 2</li
187 ><li
188 >Minus 3</li
189 ></ul
190><p
191>Minuses loose:</p
192><ul
193><li
194 ><p
195 >Minus 1</p
196 ></li
197 ><li
198 ><p
199 >Minus 2</p
200 ></li
201 ><li
202 ><p
203 >Minus 3</p
204 ></li
205 ></ul
206><h2 id="ordered"
207>Ordered</h2
208><p
209>Tight:</p
210><ol style="list-style-type: decimal;"
211><li
212 >First</li
213 ><li
214 >Second</li
215 ><li
216 >Third</li
217 ></ol
218><p
219>and:</p
220><ol style="list-style-type: decimal;"
221><li
222 >One</li
223 ><li
224 >Two</li
225 ><li
226 >Three</li
227 ></ol
228><p
229>Loose using tabs:</p
230><ol style="list-style-type: decimal;"
231><li
232 ><p
233 >First</p
234 ></li
235 ><li
236 ><p
237 >Second</p
238 ></li
239 ><li
240 ><p
241 >Third</p
242 ></li
243 ></ol
244><p
245>and using spaces:</p
246><ol style="list-style-type: decimal;"
247><li
248 ><p
249 >One</p
250 ></li
251 ><li
252 ><p
253 >Two</p
254 ></li
255 ><li
256 ><p
257 >Three</p
258 ></li
259 ></ol
260><p
261>Multiple paragraphs:</p
262><ol style="list-style-type: decimal;"
263><li
264 ><p
265 >Item 1, graf one.</p
266 ><p
267 >Item 1. graf two. The quick brown fox jumped over the lazy dog’s back.</p
268 ></li
269 ><li
270 ><p
271 >Item 2.</p
272 ></li
273 ><li
274 ><p
275 >Item 3.</p
276 ></li
277 ></ol
278><h2 id="nested"
279>Nested</h2
280><ul
281><li
282 >Tab<ul
283 ><li
284 >Tab<ul
285 ><li
286 >Tab</li
287 ></ul
288 ></li
289 ></ul
290 ></li
291 ></ul
292><p
293>Here’s another:</p
294><ol style="list-style-type: decimal;"
295><li
296 >First</li
297 ><li
298 >Second:<ul
299 ><li
300 >Fee</li
301 ><li
302 >Fie</li
303 ><li
304 >Foe</li
305 ></ul
306 ></li
307 ><li
308 >Third</li
309 ></ol
310><p
311>Same thing but with paragraphs:</p
312><ol style="list-style-type: decimal;"
313><li
314 ><p
315 >First</p
316 ></li
317 ><li
318 ><p
319 >Second:</p
320 ><ul
321 ><li
322 >Fee</li
323 ><li
324 >Fie</li
325 ><li
326 >Foe</li
327 ></ul
328 ></li
329 ><li
330 ><p
331 >Third</p
332 ></li
333 ></ol
334><h2 id="tabs-and-spaces"
335>Tabs and spaces</h2
336><ul
337><li
338 ><p
339 >this is a list item indented with tabs</p
340 ></li
341 ><li
342 ><p
343 >this is a list item indented with spaces</p
344 ><ul
345 ><li
346 ><p
347 >this is an example list item indented with tabs</p
348 ></li
349 ><li
350 ><p
351 >this is an example list item indented with spaces</p
352 ></li
353 ></ul
354 ></li
355 ></ul
356><h2 id="fancy-list-markers"
357>Fancy list markers</h2
358><ol start="2" style="list-style-type: decimal;"
359><li
360 >begins with 2</li
361 ><li
362 ><p
363 >and now 3</p
364 ><p
365 >with a continuation</p
366 ><ol start="4" style="list-style-type: lower-roman;"
367 ><li
368 >sublist with roman numerals, starting with 4</li
369 ><li
370 >more items<ol style="list-style-type: upper-alpha;"
371 ><li
372 >a subsublist</li
373 ><li
374 >a subsublist</li
375 ></ol
376 ></li
377 ></ol
378 ></li
379 ></ol
380><p
381>Nesting:</p
382><ol style="list-style-type: upper-alpha;"
383><li
384 >Upper Alpha<ol style="list-style-type: upper-roman;"
385 ><li
386 >Upper Roman.<ol start="6" style="list-style-type: decimal;"
387 ><li
388 >Decimal start with 6<ol start="3" style="list-style-type: lower-alpha;"
389 ><li
390 >Lower alpha with paren</li
391 ></ol
392 ></li
393 ></ol
394 ></li
395 ></ol
396 ></li
397 ></ol
398><p
399>Autonumbering:</p
400><ol
401><li
402 >Autonumber.</li
403 ><li
404 >More.<ol
405 ><li
406 >Nested.</li
407 ></ol
408 ></li
409 ></ol
410><p
411>Should not be a list item:</p
412><p
413>M.A. 2007</p
414><p
415>B. Williams</p
416><hr
417 /><h1 id="definition-lists"
418>Definition Lists</h1
419><p
420>Tight using spaces:</p
421><dl
422><dt
423 >apple</dt
424 ><dd
425 >red fruit</dd
426 ><dt
427 >orange</dt
428 ><dd
429 >orange fruit</dd
430 ><dt
431 >banana</dt
432 ><dd
433 >yellow fruit</dd
434 ></dl
435><p
436>Tight using tabs:</p
437><dl
438><dt
439 >apple</dt
440 ><dd
441 >red fruit</dd
442 ><dt
443 >orange</dt
444 ><dd
445 >orange fruit</dd
446 ><dt
447 >banana</dt
448 ><dd
449 >yellow fruit</dd
450 ></dl
451><p
452>Loose:</p
453><dl
454><dt
455 >apple</dt
456 ><dd
457 ><p
458 >red fruit</p
459 ></dd
460 ><dt
461 >orange</dt
462 ><dd
463 ><p
464 >orange fruit</p
465 ></dd
466 ><dt
467 >banana</dt
468 ><dd
469 ><p
470 >yellow fruit</p
471 ></dd
472 ></dl
473><p
474>Multiple blocks with italics:</p
475><dl
476><dt
477 ><em
478 >apple</em
479 ></dt
480 ><dd
481 ><p
482 >red fruit</p
483 ><p
484 >contains seeds, crisp, pleasant to taste</p
485 ></dd
486 ><dt
487 ><em
488 >orange</em
489 ></dt
490 ><dd
491 ><p
492 >orange fruit</p
493 ><pre
494 ><code
495 >{ orange code block }
496</code
497 ></pre
498 ><blockquote
499 ><p
500 >orange block quote</p
501 ></blockquote
502 ></dd
503 ></dl
504><p
505>Multiple definitions, tight:</p
506><dl
507><dt
508 >apple</dt
509 ><dd
510 >red fruit</dd
511 ><dd
512 >computer</dd
513 ><dt
514 >orange</dt
515 ><dd
516 >orange fruit</dd
517 ><dd
518 >bank</dd
519 ></dl
520><p
521>Multiple definitions, loose:</p
522><dl
523><dt
524 >apple</dt
525 ><dd
526 ><p
527 >red fruit</p
528 ></dd
529 ><dd
530 ><p
531 >computer</p
532 ></dd
533 ><dt
534 >orange</dt
535 ><dd
536 ><p
537 >orange fruit</p
538 ></dd
539 ><dd
540 ><p
541 >bank</p
542 ></dd
543 ></dl
544><p
545>Blank line after term, indented marker, alternate markers:</p
546><dl
547><dt
548 >apple</dt
549 ><dd
550 ><p
551 >red fruit</p
552 ></dd
553 ><dd
554 ><p
555 >computer</p
556 ></dd
557 ><dt
558 >orange</dt
559 ><dd
560 ><p
561 >orange fruit</p
562 ><ol style="list-style-type: decimal;"
563 ><li
564 >sublist</li
565 ><li
566 >sublist</li
567 ></ol
568 ></dd
569 ></dl
570><h1 id="html-blocks"
571>HTML Blocks</h1
572><p
573>Simple block on one line:</p
574><div>foo</div>
575<p
576>And nested without indentation:</p
577><div>
578<div>
579<div>foo</div>
580</div>
581<div>bar</div>
582</div>
583<p
584>Interpreted markdown in a table:</p
585><table>
586<tr>
587<td>This is <em
588>emphasized</em
589></td>
590<td>And this is <strong
591>strong</strong
592></td>
593</tr>
594</table>
596<script type="text/javascript">document.write('This *should not* be interpreted as markdown');</script>
597<p
598>Here’s a simple block:</p
599><div>
600 foo</div>
601<p
602>This should be a code block, though:</p
603><pre
604><code
605 >&lt;div&gt;
606 foo
607&lt;/div&gt;
608</code
609 ></pre
610><p
611>As should this:</p
612><pre
613><code
614 >&lt;div&gt;foo&lt;/div&gt;
615</code
616 ></pre
617><p
618>Now, nested:</p
619><div>
620 <div>
621 <div>
622 foo</div>
623 </div>
624</div>
625<p
626>This should just be an HTML comment:</p
627><!-- Comment -->
628<p
629>Multiline:</p
630><!--
631Blah
632Blah
633-->
635<!--
636 This is another comment.
637-->
638<p
639>Code block:</p
640><pre
641><code
642 >&lt;!-- Comment --&gt;
643</code
644 ></pre
645><p
646>Just plain comment, with trailing spaces on the line:</p
647><!-- foo -->
648<p
649>Code:</p
650><pre
651><code
652 >&lt;hr /&gt;
653</code
654 ></pre
655><p
656>Hr’s:</p
657><hr>
659<hr />
661<hr />
663<hr>
665<hr />
667<hr />
669<hr class="foo" id="bar" />
671<hr class="foo" id="bar" />
673<hr class="foo" id="bar">
674<hr
675 /><h1 id="inline-markup"
676>Inline Markup</h1
677><p
678>This is <em
679 >emphasized</em
680 >, and so <em
681 >is this</em
682 >.</p
683><p
684>This is <strong
685 >strong</strong
686 >, and so <strong
687 >is this</strong
688 >.</p
689><p
690>An <em
691 ><a href="/url"
692 >emphasized link</a
693 ></em
694 >.</p
695><p
696><strong
697 ><em
698 >This is strong and em.</em
699 ></strong
700 ></p
701><p
702>So is <strong
703 ><em
704 >this</em
705 ></strong
706 > word.</p
707><p
708><strong
709 ><em
710 >This is strong and em.</em
711 ></strong
712 ></p
713><p
714>So is <strong
715 ><em
716 >this</em
717 ></strong
718 > word.</p
719><p
720>This is code: <code
721 >&gt;</code
722 >, <code
723 >$</code
724 >, <code
725 >\</code
726 >, <code
727 >\$</code
728 >, <code
729 >&lt;html&gt;</code
730 >.</p
731><p
732><span style="text-decoration: line-through;"
733 >This is <em
734 >strikeout</em
735 >.</span
736 ></p
737><p
738>Superscripts: a<sup
739 >bc</sup
740 >d a<sup
741 ><em
742 >hello</em
743 ></sup
744 > a<sup
745 >hello there</sup
746 >.</p
747><p
748>Subscripts: H<sub
749 >2</sub
750 >O, H<sub
751 >23</sub
752 >O, H<sub
753 >many of them</sub
754 >O.</p
755><p
756>These should not be superscripts or subscripts, because of the unescaped spaces: a^b c^d, a~b c~d.</p
757><hr
758 /><h1 id="smart-quotes-ellipses-dashes"
759>Smart quotes, ellipses, dashes</h1
760><p
761>“Hello,” said the spider. “‘Shelob’ is my name.”</p
762><p
763>‘A’, ‘B’, and ‘C’ are letters.</p
764><p
765>‘Oak,’ ‘elm,’ and ‘beech’ are names of trees. So is ‘pine.’</p
766><p
767>‘He said, “I want to go.”’ Were you alive in the 70’s?</p
768><p
769>Here is some quoted ‘<code
770 >code</code
771 >’ and a “<a href="http://example.com/?foo=1&amp;bar=2"
772 >quoted link</a
773 >”.</p
774><p
775>Some dashes: one—two — three—four — five.</p
776><p
777>Dashes between numbers: 5–7, 255–66, 1987–1999.</p
778><p
779>Ellipses…and…and….</p
780><hr
781 /><h1 id="latex"
782>LaTeX</h1
783><ul
784><li
785 ></li
786 ><li
787 ><span class="math"
788 >2 + 2 = 4</span
789 ></li
790 ><li
791 ><span class="math"
792 ><em
793 >x</em
794 > ∈ <em
795 >y</em
796 ></span
797 ></li
798 ><li
799 ><span class="math"
800 >α ∧ ω</span
801 ></li
802 ><li
803 ><span class="math"
804 >223</span
805 ></li
806 ><li
807 ><span class="math"
808 ><em
809 >p</em
810 ></span
811 >-Tree</li
812 ><li
813 >Here’s some display math: <br
814 /><span class="math"
815 >$\frac{d}{dx}f(x)=\lim_{h\to 0}\frac{f(x+h)-f(x)}{h}$</span
816 ><br
817 /></li
818 ><li
819 >Here’s one that has a line break in it: <span class="math"
820 >α + ω × <em
821 >x</em
822 ><sup
823 >2</sup
824 ></span
825 >.</li
826 ></ul
827><p
828>These shouldn’t be math:</p
829><ul
830><li
831 >To get the famous equation, write <code
832 >$e = mc^2$</code
833 >.</li
834 ><li
835 >$22,000 is a <em
836 >lot</em
837 > of money. So is $34,000. (It worked if “lot” is emphasized.)</li
838 ><li
839 >Shoes ($20) and socks ($5).</li
840 ><li
841 >Escaped <code
842 >$</code
843 >: $73 <em
844 >this should be emphasized</em
845 > 23$.</li
846 ></ul
847><p
848>Here’s a LaTeX table:</p
849><p
850></p
851><hr
852 /><h1 id="special-characters"
853>Special Characters</h1
854><p
855>Here is some unicode:</p
856><ul
857><li
858 >I hat: Î</li
859 ><li
860 >o umlaut: ö</li
861 ><li
862 >section: §</li
863 ><li
864 >set membership: ∈</li
865 ><li
866 >copyright: ©</li
867 ></ul
868><p
869>AT&amp;T has an ampersand in their name.</p
870><p
871>AT&amp;T is another way to write it.</p
872><p
873>This &amp; that.</p
874><p
875>4 &lt; 5.</p
876><p
877>6 &gt; 5.</p
878><p
879>Backslash: \</p
880><p
881>Backtick: `</p
882><p
883>Asterisk: *</p
884><p
885>Underscore: _</p
886><p
887>Left brace: {</p
888><p
889>Right brace: }</p
890><p
891>Left bracket: [</p
892><p
893>Right bracket: ]</p
894><p
895>Left paren: (</p
896><p
897>Right paren: )</p
898><p
899>Greater-than: &gt;</p
900><p
901>Hash: #</p
902><p
903>Period: .</p
904><p
905>Bang: !</p
906><p
907>Plus: +</p
908><p
909>Minus: -</p
910><hr
911 /><h1 id="links"
912>Links</h1
913><h2 id="explicit"
914>Explicit</h2
915><p
916>Just a <a href="/url/"
917 >URL</a
918 >.</p
919><p
920><a href="/url/" title="title"
921 >URL and title</a
922 >.</p
923><p
924><a href="/url/" title="title preceded by two spaces"
925 >URL and title</a
926 >.</p
927><p
928><a href="/url/" title="title preceded by a tab"
929 >URL and title</a
930 >.</p
931><p
932><a href="/url/" title="title with &quot;quotes&quot; in it"
933 >URL and title</a
934 ></p
935><p
936><a href="/url/" title="title with single quotes"
937 >URL and title</a
938 ></p
939><p
940><a href="/url/with_underscore"
941 >with_underscore</a
942 ></p
943><p
944><script type="text/javascript"
945 >
946<!--
947h='&#110;&#x6f;&#x77;&#104;&#x65;&#114;&#x65;&#46;&#110;&#x65;&#116;';a='&#64;';n='&#110;&#x6f;&#98;&#x6f;&#100;&#x79;';e=n+a+h;
948document.write('<a h'+'ref'+'="ma'+'ilto'+':'+e+'">'+'Email link'+'<\/'+'a'+'>');
949// -->
950</script
951 ><noscript
952 >&#x45;&#x6d;&#x61;&#x69;&#108;&#32;&#108;&#x69;&#110;&#x6b;&#32;&#40;&#110;&#x6f;&#98;&#x6f;&#100;&#x79;&#32;&#x61;&#116;&#32;&#110;&#x6f;&#x77;&#104;&#x65;&#114;&#x65;&#32;&#100;&#x6f;&#116;&#32;&#110;&#x65;&#116;&#x29;</noscript
953 ></p
954><p
955><a href=""
956 >Empty</a
957 >.</p
958><h2 id="reference"
959>Reference</h2
960><p
961>Foo <a href="/url/"
962 >bar</a
963 >.</p
964><p
965>Foo <a href="/url/"
966 >bar</a
967 >.</p
968><p
969>Foo <a href="/url/"
970 >bar</a
971 >.</p
972><p
973>With <a href="/url/"
974 >embedded [brackets]</a
975 >.</p
976><p
977><a href="/url/"
978 >b</a
979 > by itself should be a link.</p
980><p
981>Indented <a href="/url"
982 >once</a
983 >.</p
984><p
985>Indented <a href="/url"
986 >twice</a
987 >.</p
988><p
989>Indented <a href="/url"
990 >thrice</a
991 >.</p
992><p
993>This should [not][] be a link.</p
994><pre
995><code
996 >[not]: /url
997</code
998 ></pre
999><p
1000>Foo <a href="/url/" title="Title with &quot;quotes&quot; inside"
1001 >bar</a
1002 >.</p
1003><p
1004>Foo <a href="/url/" title="Title with &quot;quote&quot; inside"
1005 >biz</a
1006 >.</p
1007><h2 id="with-ampersands"
1008>With ampersands</h2
1009><p
1010>Here’s a <a href="http://example.com/?foo=1&amp;bar=2"
1011 >link with an ampersand in the URL</a
1012 >.</p
1013><p
1014>Here’s a link with an amersand in the link text: <a href="http://att.com/" title="AT&amp;T"
1015 >AT&amp;T</a
1016 >.</p
1017><p
1018>Here’s an <a href="/script?foo=1&amp;bar=2"
1019 >inline link</a
1020 >.</p
1021><p
1022>Here’s an <a href="/script?foo=1&amp;bar=2"
1023 >inline link in pointy braces</a
1024 >.</p
1025><h2 id="autolinks"
1026>Autolinks</h2
1027><p
1028>With an ampersand: <a href="http://example.com/?foo=1&amp;bar=2"
1029 ><code
1030 >http://example.com/?foo=1&amp;bar=2</code
1031 ></a
1032 ></p
1033><ul
1034><li
1035 >In a list?</li
1036 ><li
1037 ><a href="http://example.com/"
1038 ><code
1039 >http://example.com/</code
1040 ></a
1041 ></li
1042 ><li
1043 >It should.</li
1044 ></ul
1045><p
1046>An e-mail address: <script type="text/javascript"
1048<!--
1049h='&#110;&#x6f;&#x77;&#104;&#x65;&#114;&#x65;&#46;&#110;&#x65;&#116;';a='&#64;';n='&#110;&#x6f;&#98;&#x6f;&#100;&#x79;';e=n+a+h;
1050document.write('<a h'+'ref'+'="ma'+'ilto'+':'+e+'">'+'<code>'+e+'</code>'+'<\/'+'a'+'>');
1051// -->
1052</script
1053 ><noscript
1054 >&#110;&#x6f;&#98;&#x6f;&#100;&#x79;&#32;&#x61;&#116;&#32;&#110;&#x6f;&#x77;&#104;&#x65;&#114;&#x65;&#32;&#100;&#x6f;&#116;&#32;&#110;&#x65;&#116;</noscript
1055 ></p
1056><blockquote
1057><p
1058 >Blockquoted: <a href="http://example.com/"
1059 ><code
1060 >http://example.com/</code
1061 ></a
1062 ></p
1063 ></blockquote
1064><p
1065>Auto-links should not occur here: <code
1066 >&lt;http://example.com/&gt;</code
1067 ></p
1068><pre
1069><code
1070 >or here: &lt;http://example.com/&gt;
1071</code
1072 ></pre
1073><hr
1074 /><h1 id="images"
1075>Images</h1
1076><p
1077>From “Voyage dans la Lune” by Georges Melies (1902):</p
1078><div class="figure"
1079><img src="lalune.jpg" title="Voyage dans la Lune" alt="lalune"
1080 /><p class="caption"
1081 >lalune</p
1082 ></div
1083><p
1084>Here is a movie <img src="movie.jpg" alt="movie"
1085 /> icon.</p
1086><hr
1087 /><h1 id="footnotes"
1088>Footnotes</h1
1089><p
1090>Here is a footnote reference,<sup
1091 ><a href="#fn1" class="footnoteRef" id="fnref1"
1092 >1</a
1093 ></sup
1094 > and another.<sup
1095 ><a href="#fn2" class="footnoteRef" id="fnref2"
1096 >2</a
1097 ></sup
1098 > This should <em
1099 >not</em
1100 > be a footnote reference, because it contains a space.[^my note] Here is an inline note.<sup
1101 ><a href="#fn3" class="footnoteRef" id="fnref3"
1102 >3</a
1103 ></sup
1104 ></p
1105><blockquote
1106><p
1107 >Notes can go in quotes.<sup
1108 ><a href="#fn4" class="footnoteRef" id="fnref4"
1109 >4</a
1110 ></sup
1111 ></p
1112 ></blockquote
1113><ol style="list-style-type: decimal;"
1114><li
1115 >And in list items.<sup
1116 ><a href="#fn5" class="footnoteRef" id="fnref5"
1117 >5</a
1118 ></sup
1119 ></li
1120 ></ol
1121><p
1122>This paragraph should not be part of the note, as it is not indented.</p
1123><div class="footnotes"
1124><hr
1125 /><ol
1126 ><li id="fn1"
1127 ><p
1128 >Here is the footnote. It can go anywhere after the footnote reference. It need not be placed at the end of the document. <a href="#fnref1" class="footnoteBackLink" title="Jump back to footnote 1">↩</a></p
1129 ></li
1130 ><li id="fn2"
1131 ><p
1132 >Here’s the long note. This one contains multiple blocks.</p
1133 ><p
1134 >Subsequent blocks are indented to show that they belong to the footnote (as with list items).</p
1135 ><pre
1136 ><code
1137 > { &lt;code&gt; }
1138</code
1139 ></pre
1140 ><p
1141 >If you want, you can indent every line, but you can also be lazy and just indent the first line of each block. <a href="#fnref2" class="footnoteBackLink" title="Jump back to footnote 2">↩</a></p
1142 ></li
1143 ><li id="fn3"
1144 ><p
1145 >This is <em
1146 >easier</em
1147 > to type. Inline notes may contain <a href="http://google.com"
1148 >links</a
1149 > and <code
1150 >]</code
1151 > verbatim characters, as well as [bracketed text]. <a href="#fnref3" class="footnoteBackLink" title="Jump back to footnote 3">↩</a></p
1152 ></li
1153 ><li id="fn4"
1154 ><p
1155 >In quote. <a href="#fnref4" class="footnoteBackLink" title="Jump back to footnote 4">↩</a></p
1156 ></li
1157 ><li id="fn5"
1158 ><p
1159 >In list. <a href="#fnref5" class="footnoteBackLink" title="Jump back to footnote 5">↩</a></p
1160 ></li
1161 ></ol
1162 ></div
1164</body>
1165</html>