forked from simonlc/Markdown-CSS
-
Notifications
You must be signed in to change notification settings - Fork 0
/
example.html
192 lines (136 loc) · 4.89 KB
/
example.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
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
<link href="markdown-css/markdown.css" rel="stylesheet"></link>
<h1>A First Level Header</h1>
<h2>A Second Level Header</h2>
<h3>A Third Level Header</h3>
<h4>A Fourth Level Header</h4>
<h5>A Fifth Level Header</h5>
<h6>A Sixed Level Header</h6>
<p>Now is the time for all good men to come to
the aid of their country. This is just a
regular paragraph.</p>
<p>The quick brown fox jumped over the lazy
dog's back.</p>
<hr />
<h3>Header 3</h3>
<blockquote>
<p>This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.
Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.</p>
<p>Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse
id sem consectetuer libero luctus adipiscing.</p>
<h2>This is an H2 in a blockquote</h2>
<p>This is the first level of quoting.</p>
<blockquote>
<p>This is nested blockquote.</p>
</blockquote>
<p>Back to the first level.</p>
</blockquote>
<p>Some of these words <em>are emphasized</em>.
Some of these words <em>are emphasized also</em>.</p>
<p>Use two asterisks for <strong>strong emphasis</strong>.
Or, if you prefer, <strong>use two underscores instead</strong>.</p>
<ul>
<li>Candy.</li>
<li>Gum.</li>
<li>Booze.</li>
<li>Red</li>
<li>Green</li>
<li>Blue</li>
<ul>
<li><p>A list item.</p>
<p>With multiple paragraphs.</p></li>
<li><p>Another item in the list.</p></li>
<li><p>This is a list item with two paragraphs. Lorem ipsum dolor
sit amet, consectetuer adipiscing elit. Aliquam hendrerit
mi posuere lectus.</p>
<p>Vestibulum enim wisi, viverra nec, fringilla in, laoreet
vitae, risus. Donec sit amet nisl. Aliquam semper ipsum
sit amet velit.</p></li>
</ul>
<li><p>Suspendisse id sem consectetuer libero luctus adipiscing.</p></li>
<li><p>This is a list item with two paragraphs.</p>
<p>This is the second paragraph in the list item. You're
only required to indent the first line. Lorem ipsum dolor
sit amet, consectetuer adipiscing elit.</p></li>
<li><p>Another item in the same list.</p></li>
<li><p>A list item with a blockquote:</p>
<blockquote>
<p>This is a blockquote
inside a list item.</p>
</blockquote></li>
<li><p>A list item with a code block:</p>
<pre><code><code goes here>
</code></pre></li>
</ul>
<p>Here is an example of AppleScript:</p>
<pre><code>tell application "Foo"
beep
end tell
</code></pre>
<p>This is an <a href="http://example.com/">example link</a>.</p>
<p>I get 10 times more traffic from <a href="http://google.com/" title="Google">Google</a> than from
<a href="http://search.yahoo.com/" title="Yahoo Search">Yahoo</a> or <a href="http://search.msn.com/" title="MSN Search">MSN</a>.</p>
<p>I start my morning with a cup of coffee and
<a href="http://www.nytimes.com/">The New York Times</a>.</p>
<p><img src="image.jpg" alt="alt text" title="Title" /></p>
<p><img src="image2.jpg" alt="alt text" title="Title" /></p>
<p>I strongly recommend against using any <code><blink></code> tags.</p>
<p>I wish SmartyPants used named entities like <code>&mdash;</code>
instead of decimal-encoded entites like <code>&#8212;</code>.</p>
<p>If you want your page to validate under XHTML 1.0 Strict,
you've got to put paragraph tags in your blockquotes:</p>
<pre><code><blockquote>
<p>For example.</p>
</blockquote>
</code></pre>
<h1>August 31, 2011</h1>
<p>Homework: Problems 2.10-2.19; complete registration system</p>
<hr />
<h2>Chapter 2</h2>
<h3>Phases of Software Development</h3>
<ol>
<li>Analysis</li>
<li>Design</li>
<li>Implementation</li>
</ol>
<h4>Analysis phase</h4>
<p><em>Requirements</em> -- what the customer wants or needs. Understanding on needs expressed by:</p>
<ul>
<li>Use cases can (can use UML)</li>
<li>User manual style of analysis document</li>
</ul>
<h4>Design phase</h4>
<p>Goals of OO design:</p>
<ol>
<li>Identify classes -- things in the system</li>
<li>Identify responsibilities of the classes</li>
<li>Identify relationships between classes</li>
</ol>
<p>Classes consist of:</p>
<ol>
<li>Behavior: Methods represent the class behavior</li>
<li>State: Fields represent the state of the class instance (object)</li>
<li>Identity: each unique object should have its own address in memory
which contains its state</li>
</ol>
<p>Types of classes that are common:</p>
<ol>
<li>Tangible things</li>
<li>Agents</li>
<li>Events and transactions</li>
<li>Users and roles</li>
<li>Systems</li>
<li>System interfaces and devices</li>
<li>Foundational classes</li>
</ol>
<p>Types of class relationships:</p>
<ol>
<li>Dependency (<em>uses a</em>)</li>
<li>Aggregation (<em>has a</em>)
<ul><li>Aggregation -- 1:many</li>
<li>Association -- 1:1</li>
<li>Composition -- "<em>if I'm composed of other things, then I am considered
responsible for the lifetime for those things</em>"</li></ul></li>
<li>Inheritance (<em>is a</em>)</li>
</ol>
<p>Classes and relationships are the basis for a UML class diagram.</p>