-
Notifications
You must be signed in to change notification settings - Fork 0
/
document.html
133 lines (131 loc) · 5.11 KB
/
document.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
127
128
129
130
131
132
133
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta name="generator" content="jemdoc, see http://jemdoc.jaboc.net/" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<!link rel="stylesheet" href="http://ictime.github.com/en/jemdoc.css" type="text/css" />
<link rel="stylesheet" href="jemdoc.css" type="text/css" />
<title>jemdoc – example page</title>
</head>
<body>
<table summary="Table for page layout." id="tlayout">
<tr valign="top">
<td id="layout-menu">
<div class="menu-category">个人主页</div>
<div class="menu-item"><a href="index.html">首页</a></div>
<div class="menu-item"><a href="resume.html">简历</a></div>
<div class="menu-item"><a href="document.html">文档</a></div>
<div class="menu-category">投机交易</div>
<div class="menu-item"><a href="itunes-u.html">课程</a></div>
<div class="menu-item"><a href="logs.html">日志</a></div>
<div class="menu-item"><a href="system.html">系统</a></div>
<div class="menu-item"><a href="download.html">下载</a></div>
</td>
<td id="layout-content">
<div id="toptitle">
<h1>jemdoc – example page</h1>
<div id="subtitle"><a href="http://stanford.edu/~jacobm/">Jacob Mattingley</a> (<a href="mailto:[email protected]">[email protected]</a>)
If the first line of the file starts with</div>
</div>
<p>If the first line of the file starts with <tt># jemdoc</tt>, special functions like <a href="menu.html">menus</a> will be used.
Example
Here are some text features. I could link somewhere or insert a raw link to another page like download.html. I could use monospace, too.</p>
<h2>Example</h2>
<p>Here are some <b>text</b> <i>features</i>. I could <a href="http://cvxmod.net/">link somewhere</a> or insert a raw link to another page like <a href="download.html">download.html</a>. I could use <tt>monospace</tt>, too.
I could write special characters like h () in front of those characters. Or automatically detect an email address.</p>
<p>I could write special characters like #, $ and + by just using a backslash (\) in front of those characters. Or automatically detect an <a href="mailto:[email protected]">email address</a>.
Save the file as index.jemdoc, say, and simply call jemdoc index (after downloading jemdoc, of course).</p>
<div class="infoblock">
<div class="blockcontent">
<p>Save the file as <tt>index.jemdoc</tt>, say, and simply call <tt>jemdoc index</tt> (after <a href="download.html">downloading jemdoc</a>, of course).</p>
</div></div>
<p>Getting into level three now</p>
<h2>Next bit, next heading level two</h2>
<h3>Getting into level three now</h3>
<p>Why not use a list</p>
<p>to explain the way you do lists?
to demonstrate how a line
break might work?</p>
<p>Why not use a list </p>
<ul>
<li><p>to explain the way you do lists?</p>
</li>
<li><p>to demonstrate how a line<br /> break might work?</p>
<ul>
<li><p>to demonstrate how a line break might work?</p>
<ul>
<li><p>- to demonstrate how a line break might work?
Or perhaps a</p>
</li>
</ul>
</li>
</ul>
</li>
</ul>
<p>Multilevel
Numbered list
Is more
Useful?</p>
<p>Or perhaps a </p>
<ol>
<li><p>Multilevel</p>
<ol>
<li><p>Numbered list</p>
</li>
<li><p>Is more</p>
<ol>
<li><p>thrid level </p>
</li></ol>
</li></ol>
</li>
<li><p>Useful?
Definition
lists, especially when there are many definitions
Can be useful
for explaining things</p>
</li>
</ol>
<dl>
<dt>Definition</dt>
<dd><p>lists, especially when there are many definitions </p></dd>
<dt>Can be useful</dt>
<dd><p>for explaining things
Finally, a few more blocks
This ‘section’ features “smart quotes”.</p></dd>
</dl>
<h2>Finally, a few more blocks</h2>
<p>This ‘section’ features “smart quotes”.
Simple block
This is a simple text block, with a title. Notice how the previous line has only one set of braces ({}).</p>
<div class="infoblock">
<div class="blocktitle">Simple block</div>
<div class="blockcontent">
<p>This is a simple text block, with a title. Notice how the previous line has only one set of braces ({}).</p>
</div></div>
<p>>>> print 'Interactive Python code.’
'Interactive Python code.’</p>
<div class="codeblock">
<div class="blocktitle">Interactive Python listing</div>
<div class="blockcontent"><pre>
<span class="pycommand">>>> print 'Interactive Python code.'</span>
'Interactive Python code.'
</pre></div></div>
<p>Plain code block with no title.</p>
<div class="codeblock">
<div class="blockcontent"><pre>
Plain code block with no title.
</pre></div></div>
<p>You might need 2–3 different-sized dashes — they can be useful. Now we're done!</p>
<table id="TABLENAME">
<tr class="r1"><td class="c1"><b>first entry</b> </td><td class="c2"> another entry </td></tr>
<tr class="r2"><td class="c1">as many rows </td><td class="c2"> as you like </td></tr>
<tr class="r3"><td class="c1">as many rows </td><td class="c2"> as you like </td></tr>
<tr class="r4"><td class="c1">as many rows </td><td class="c2"> as you like </td></tr>
<tr class="r5"><td class="c1">bottom row </td><td class="c2"> last entry
</td></tr></table>
</td>
</tr>
</table>
</body>
</html>