File: test.htm.ref

package info (click to toggle)
kf6-syntax-highlighting 6.13.0-1
  • links: PTS, VCS
  • area: main
  • in suites: forky, sid, trixie
  • size: 47,568 kB
  • sloc: xml: 197,750; cpp: 12,850; python: 3,023; sh: 955; perl: 546; ruby: 488; pascal: 393; javascript: 161; php: 150; jsp: 132; lisp: 131; haskell: 124; ada: 119; ansic: 107; makefile: 96; f90: 94; ml: 85; cobol: 81; yacc: 71; csh: 62; erlang: 54; sql: 51; java: 47; objc: 37; awk: 31; asm: 30; tcl: 29; fortran: 18; cs: 10
file content (240 lines) | stat: -rw-r--r-- 37,251 bytes parent folder | download
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
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
<Doctype><!DOCTYPE</Doctype><Other Text> HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"</Other Text><Doctype>></Doctype><br/>
<Element Symbols><</Element Symbols><Element>html</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>  </Normal Text><Element Symbols><</Element Symbols><Element>head</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>    </Normal Text><Element Symbols><</Element Symbols><Element>title</Element><Element Symbols>></Element Symbols><Normal Text>This is a title</Normal Text><Element Symbols></</Element Symbols><Element>title</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>    </Normal Text><Element Symbols><</Element Symbols><Element>style</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>    </Normal Text><Comment>/* comment */</Comment><br/>
<Normal Text>    </Normal Text><Selector Id>#xyz</Selector Id><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>red</Named Color><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/>
<Normal Text>    </Normal Text><Selector Tag>h1</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Property>font</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><String>"Comic Sans"</String><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/>
<Normal Text>    </Normal Text><Element Symbols></</Element Symbols><Element>style</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>  </Normal Text><Element Symbols></</Element Symbols><Element>head</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>  </Normal Text><Element Symbols><</Element Symbols><Element>body</Element><Attribute> class</Attribute><Attribute Separator>=</Attribute Separator><Value>"ui main"</Value><Element Symbols>></Element Symbols><br/>
<Normal Text>    </Normal Text><Element Symbols><</Element Symbols><Element>p</Element><Attribute> *ngFor</Attribute><Attribute Separator>=</Attribute Separator><Value>"let name of names"</Value><Element Symbols>></Element Symbols><Normal Text>Hello, {{ name }}!</Normal Text><Element Symbols></</Element Symbols><Element>p</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>  </Normal Text><Element Symbols></</Element Symbols><Element>body</Element><Element Symbols>></Element Symbols><br/>
<Normal Text></Normal Text><br/>
<Normal Text>  </Normal Text><Comment><!-- JavaScript code --></Comment><br/>
<Normal Text>  </Normal Text><Element Symbols><</Element Symbols><Element>script</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>    </Normal Text><Built-in Objects>document</Built-in Objects><Symbol>.</Symbol><Object Property (Built-in)>body</Object Property (Built-in)><Symbol>.</Symbol><Object Method (Built-in)>appendChild</Object Method (Built-in)><Normal Text>(</Normal Text><Built-in Objects>document</Built-in Objects><Symbol>.</Symbol><Object Method (Built-in)>createTextNode</Object Method (Built-in)><Normal Text>(</Normal Text><String>'Hello World!'</String><Normal Text>))</Normal Text><Symbol>;</Symbol><Normal Text> </Normal Text><Comment>// comment</Comment><br/>
<Normal Text>  </Normal Text><Element Symbols></</Element Symbols><Element>script</Element><Element Symbols>></Element Symbols><br/>
<Normal Text></Normal Text><br/>
<Normal Text>  </Normal Text><Comment><!-- TypeScript code --></Comment><br/>
<Normal Text>  </Normal Text><Element Symbols><</Element Symbols><Element>script</Element><Attribute> type=</Attribute><Value>"text/typescript"</Value><Element Symbols>></Element Symbols><br/>
<Normal Text>    </Normal Text><Reserved>class</Reserved><Normal Text> </Normal Text><Normal Text>Student </Normal Text><Normal Text>{</Normal Text><br/>
<Normal Text>        </Normal Text><Parameter>fullName</Parameter><Symbol>:</Symbol><Normal Text> </Normal Text><Types>string</Types><Symbol>;</Symbol><br/>
<Normal Text>        </Normal Text><Reserved>constructor</Reserved><Normal Text>(</Normal Text><Reserved>public</Reserved><Normal Text> </Normal Text><Parameter>firstName</Parameter><Symbol>:</Symbol><Normal Text> </Normal Text><Types>string</Types><Symbol>,</Symbol><Normal Text> </Normal Text><Reserved>public</Reserved><Normal Text> </Normal Text><Parameter>middleInitial</Parameter><Symbol>:</Symbol><Normal Text> </Normal Text><Types>string</Types><Symbol>,</Symbol><Normal Text> </Normal Text><Reserved>public</Reserved><Normal Text> </Normal Text><Parameter>lastName</Parameter><Symbol>:</Symbol><Normal Text> </Normal Text><Types>string</Types><Normal Text>) {</Normal Text><br/>
<Normal Text>            </Normal Text><Keyword>this</Keyword><Symbol>.</Symbol><Object Member>fullName</Object Member><Normal Text> </Normal Text><Symbol>=</Symbol><Normal Text> </Normal Text><Normal Text>firstName </Normal Text><Symbol>+</Symbol><Normal Text> </Normal Text><String>" "</String><Normal Text> </Normal Text><Symbol>+</Symbol><Normal Text> </Normal Text><Normal Text>middleInitial </Normal Text><Symbol>+</Symbol><Normal Text> </Normal Text><String>" "</String><Normal Text> </Normal Text><Symbol>+</Symbol><Normal Text> </Normal Text><Normal Text>lastName</Normal Text><Symbol>;</Symbol><br/>
<Normal Text>        }</Normal Text><br/>
<Normal Text>    }</Normal Text><br/>
<Normal Text>    </Normal Text><Reserved>let</Reserved><Normal Text> </Normal Text><Parameter>a</Parameter><Symbol>:</Symbol><Normal Text> </Normal Text><Types>null</Types><Normal Text> </Normal Text><Symbol>=</Symbol><Normal Text> </Normal Text><Keyword>null</Keyword><Symbol>;</Symbol><br/>
<Normal Text>    </Normal Text><Reserved>let</Reserved><Normal Text> </Normal Text><Parameter>b</Parameter><Symbol>:</Symbol><Normal Text> </Normal Text><Types>number</Types><Normal Text> </Normal Text><Symbol>=</Symbol><Normal Text> </Normal Text><Decimal>12_3</Decimal><Symbol>;</Symbol><br/>
<Normal Text>  </Normal Text><Element Symbols></</Element Symbols><Element>script</Element><Element Symbols>></Element Symbols><br/>
<Normal Text></Normal Text><br/>
<Normal Text>  </Normal Text><Comment><!-- JSX code --></Comment><br/>
<Normal Text>  </Normal Text><Element Symbols><</Element Symbols><Element>script</Element><Attribute> src</Attribute><Attribute Separator>=</Attribute Separator><Value>"https://unpkg.com/babel-standalone@6/babel.min.js"</Value><Element Symbols>></</Element Symbols><Element>script</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>  </Normal Text><Element Symbols><</Element Symbols><Element>script</Element><Attribute> type=</Attribute><Value>"text/babel"</Value><Element Symbols>></Element Symbols><br/>
<Normal Text>    </Normal Text><Objects>ReactDOM</Objects><Symbol>.</Symbol><Function Name>render</Function Name><Normal Text>(</Normal Text><br/>
<Normal Text>      </Normal Text><Element Tag><h1></Element Tag><Tag Content Text>Hello, world!</Tag Content Text><Element Tag></h1></Element Tag><Symbol>,</Symbol><br/>
<Normal Text>      </Normal Text><Built-in Objects>document</Built-in Objects><Symbol>.</Symbol><Object Method (Built-in)>getElementById</Object Method (Built-in)><Normal Text>(</Normal Text><String>'root'</String><Normal Text>)</Normal Text><br/>
<Normal Text>    )</Normal Text><Symbol>;</Symbol><br/>
<Normal Text>    </Normal Text><Keyword>function</Keyword><Normal Text> </Normal Text><Function Declaration>Story</Function Declaration><Normal Text>(props) </Normal Text><Normal Text>{</Normal Text><br/>
<Normal Text>      </Normal Text><Keyword>const</Keyword><Normal Text> </Normal Text><Normal Text>SpecificStory </Normal Text><Symbol>=</Symbol><Normal Text> </Normal Text><Normal Text>components</Normal Text><Normal Text>[</Normal Text><Objects>props</Objects><Symbol>.</Symbol><Object Member>storyType</Object Member><Normal Text>]</Normal Text><Symbol>;</Symbol><br/>
<Normal Text>      </Normal Text><ControlFlow>return </ControlFlow><Component Tag><SpecificStory</Component Tag><Normal Text> </Normal Text><Attribute>story</Attribute><Symbol>=</Symbol><Code Brackets>{</Code Brackets><Normal Text> </Normal Text><Objects>props</Objects><Symbol>.</Symbol><Object Member>story</Object Member><Normal Text> </Normal Text><Code Brackets>}</Code Brackets><Normal Text> </Normal Text><Attribute>attr2</Attribute><Symbol>=</Symbol><Value>"</Value><EntityRef>&ref;</EntityRef><Value>"</Value><Normal Text> </Normal Text><Attribute>attr3</Attribute><Symbol>=</Symbol><Value>"Hello\n"</Value><Normal Text> </Normal Text><Component Tag>/></Component Tag><Symbol>;</Symbol><br/>
<Normal Text>    }</Normal Text><br/>
<Normal Text>  </Normal Text><Element Symbols></</Element Symbols><Element>script</Element><Element Symbols>></Element Symbols><br/>
<Normal Text></Normal Text><br/>
<Normal Text>  </Normal Text><Comment><!-- Mustache/Handlebars --></Comment><br/>
<Normal Text>  </Normal Text><Element Symbols><</Element Symbols><Element>script</Element><Attribute> type=</Attribute><Value>"x-tmpl-mustache"</Value><Element Symbols>></Element Symbols><br/>
<Normal Text>    </Normal Text><Mustache Block>{{#movie}}</Mustache Block><br/>
<Normal Text>        </Normal Text><Element Tag><div></Element Tag><br/>
<Normal Text>            </Normal Text><Element Tag><h1></Element Tag><Mustache Variable>{{</Mustache Variable><Mustache Inside>title</Mustache Inside><Mustache Variable>}}</Mustache Variable><Element Tag></h1></Element Tag><br/>
<Normal Text>            </Normal Text><Element Tag><img</Element Tag><Attribute> src</Attribute><Symbol>=</Symbol><Value>"</Value><Mustache Variable>{{</Mustache Variable><Mustache Inside>poster</Mustache Inside><Mustache Variable>}}</Mustache Variable><Value>"</Value><Attribute> alt</Attribute><Symbol>=</Symbol><Value>"</Value><Mustache Variable>{{</Mustache Variable><Mustache Inside>title</Mustache Inside><Mustache Variable>}}</Mustache Variable><Value>"</Value><Element Tag>/></Element Tag><br/>
<Normal Text>        </Normal Text><Element Tag></div></Element Tag><br/>
<Normal Text>        </Normal Text><Element Tag><div></Element Tag><br/>
<Normal Text>            Rating - </Normal Text><Mustache Variable>{{</Mustache Variable><Mustache Inside>ratings</Mustache Inside><Symbol>.</Symbol><Mustache Inside>critics_rating</Mustache Inside><Mustache Variable>}}</Mustache Variable><br/>
<Normal Text>        </Normal Text><Element Tag></div></Element Tag><br/>
<Normal Text>    </Normal Text><Mustache Block>{{/movie}}</Mustache Block><br/>
<Normal Text>    </Normal Text><Mustache Block>{{^movie}}</Mustache Block><br/>
<Normal Text>        </Normal Text><Element Tag><div></Element Tag><br/>
<Normal Text>            Movie Does Not Exist :(</Normal Text><br/>
<Normal Text>        </Normal Text><Element Tag></div></Element Tag><br/>
<Normal Text>    </Normal Text><Mustache Block>{{/movie}}</Mustache Block><br/>
<Normal Text>    </Normal Text><Comment>{{! comment }}</Comment><br/>
<Normal Text>  </Normal Text><Element Symbols></</Element Symbols><Element>script</Element><Element Symbols>></Element Symbols><br/>
<Normal Text></Normal Text><br/>
<Normal Text>  </Normal Text><Comment><!-- HTML template --></Comment><br/>
<Normal Text>  </Normal Text><Element Symbols><</Element Symbols><Element>script</Element><Attribute> type=</Attribute><Value>"text/html"</Value><Element Symbols>></Element Symbols><br/>
<Other Text>    </Other Text><Element Symbols><</Element Symbols><Element>li</Element><Element Symbols>><</Element Symbols><Element>a</Element><Attribute> href</Attribute><Attribute Separator>=</Attribute Separator><Value>"link"</Value><Element Symbols>></Element Symbols><Other Text>Hello</Other Text><Element Symbols></</Element Symbols><Element>a</Element><Element Symbols>></</Element Symbols><Element>li</Element><Element Symbols>></Element Symbols><br/>
<Other Text>  </Other Text><Element Symbols></</Element Symbols><Element>script</Element><Element Symbols>></Element Symbols><br/>
<Normal Text></Normal Text><br/>
<Normal Text>  </Normal Text><Comment><!-- Close the block correctly after "?" in the JavaScript highlighter --></Comment><br/>
<Normal Text>  </Normal Text><Element Symbols><</Element Symbols><Element>script</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>    </Normal Text><Symbol>?</Symbol><br/>
<Normal Text>  </Normal Text><Element Symbols></</Element Symbols><Element>script</Element><Element Symbols>></Element Symbols><br/>
<Normal Text></Normal Text><br/>
<Element Symbols></</Element Symbols><Element>html</Element><Element Symbols>></Element Symbols><br/>
<Comment><!--</Comment><br/>
<Comment></Comment><br/>
<Comment>HTML Syntax Highlight Sample File (Standard)</Comment><br/>
<Comment></Comment><br/>
<Comment>- Follow HTML5 standard.</Comment><br/>
<Comment>- Contain some valid, but not recommended syntax.</Comment><br/>
<Comment>- Can be rendered by modern web browsers.</Comment><br/>
<Comment></Comment><br/>
<Comment>@author Guo Yunhe guoyunhebrave@gmail.com</Comment><br/>
<Comment>@date   2016-09-17</Comment><br/>
<Comment></Comment><br/>
<Comment>--></Comment><br/>
<Normal Text></Normal Text><br/>
<Doctype><!DOCTYPE</Doctype><Other Text> html</Other Text><Doctype>></Doctype><br/>
<Normal Text></Normal Text><br/>
<Element Symbols><</Element Symbols><Element>html</Element><Element Symbols>></Element Symbols><br/>
<Normal Text></Normal Text><br/>
<Element Symbols><</Element Symbols><Element>head</Element><Element Symbols>></Element Symbols><br/>
<Element Symbols><</Element Symbols><Element>meta</Element><Attribute> charset</Attribute><Attribute Separator>=</Attribute Separator><Value>"utf-8"</Value><Element Symbols>></Element Symbols><br/>
<Element Symbols><</Element Symbols><Element>title</Element><Element Symbols>></Element Symbols><Normal Text>HTML Syntax Highlight Sample File (Standard)</Normal Text><Element Symbols></</Element Symbols><Element>title</Element><Element Symbols>></Element Symbols><br/>
<Element Symbols><</Element Symbols><Element>link</Element><Attribute> rel</Attribute><Attribute Separator>=</Attribute Separator><Value>"stylesheet"</Value><Attribute> href</Attribute><Attribute Separator>=</Attribute Separator><Value>"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"</Value><Attribute> integrity</Attribute><Attribute Separator>=</Attribute Separator><Value>"sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"</Value><Attribute> crossorigin</Attribute><Attribute Separator>=</Attribute Separator><Value>"anonymous"</Value><Element Symbols>></Element Symbols><br/>
<Element Symbols><</Element Symbols><Element>link</Element><Attribute> rel</Attribute><Attribute Separator>=</Attribute Separator><Value>"stylesheet"</Value><Attribute> href</Attribute><Attribute Separator>=</Attribute Separator><Value>"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"</Value><Attribute> integrity</Attribute><Attribute Separator>=</Attribute Separator><Value>"sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp"</Value><Attribute> crossorigin</Attribute><Attribute Separator>=</Attribute Separator><Value>"anonymous"</Value><Element Symbols>></Element Symbols><br/>
<Element Symbols><</Element Symbols><Element>script</Element><Attribute> src</Attribute><Attribute Separator>=</Attribute Separator><Value>"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"</Value><Attribute> integrity</Attribute><Attribute Separator>=</Attribute Separator><Value>"sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"</Value><Attribute> crossorigin</Attribute><Attribute Separator>=</Attribute Separator><Value>"anonymous"</Value><Element Symbols>></</Element Symbols><Element>script</Element><Element Symbols>></Element Symbols><br/>
<Element Symbols></</Element Symbols><Element>head</Element><Element Symbols>></Element Symbols><br/>
<Normal Text></Normal Text><br/>
<Element Symbols><</Element Symbols><Element>body</Element><Element Symbols>></Element Symbols><br/>
<Normal Text></Normal Text><br/>
<Comment><!-- HTML5 defined elements --></Comment><br/>
<Normal Text></Normal Text><br/>
<Element Symbols><</Element Symbols><Element>div</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>    This is a div. </Normal Text><Element Symbols><</Element Symbols><Element>span</Element><Element Symbols>></Element Symbols><Normal Text>This is a span</Normal Text><Element Symbols></</Element Symbols><Element>span</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>    </Normal Text><Element Symbols><</Element Symbols><Element>div</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>        This is a div.</Normal Text><br/>
<Normal Text>    </Normal Text><Element Symbols></</Element Symbols><Element>div</Element><Element Symbols>></Element Symbols><br/>
<Element Symbols></</Element Symbols><Element>div</Element><Element Symbols>></Element Symbols><br/>
<Normal Text></Normal Text><br/>
<Element Symbols><</Element Symbols><Element>p</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>    This is a paragraph. </Normal Text><Element Symbols><</Element Symbols><Element>em</Element><Element Symbols>></</Element Symbols><Element>em</Element><Element Symbols>></Element Symbols><br/>
<Element Symbols></</Element Symbols><Element>p</Element><Element Symbols>></Element Symbols><br/>
<Normal Text></Normal Text><br/>
<Element Symbols><</Element Symbols><Element>h1</Element><Element Symbols>></Element Symbols><Normal Text>This is heading 1</Normal Text><Element Symbols></</Element Symbols><Element>h1</Element><Element Symbols>></Element Symbols><br/>
<Element Symbols><</Element Symbols><Element>h2</Element><Element Symbols>></Element Symbols><Normal Text>This is heading 2</Normal Text><Element Symbols></</Element Symbols><Element>h2</Element><Element Symbols>></Element Symbols><br/>
<Element Symbols><</Element Symbols><Element>h3</Element><Element Symbols>></Element Symbols><Normal Text>This is heading 3</Normal Text><Element Symbols></</Element Symbols><Element>h3</Element><Element Symbols>></Element Symbols><br/>
<Element Symbols><</Element Symbols><Element>h4</Element><Element Symbols>></Element Symbols><Normal Text>This is heading 4</Normal Text><Element Symbols></</Element Symbols><Element>h4</Element><Element Symbols>></Element Symbols><br/>
<Element Symbols><</Element Symbols><Element>h5</Element><Element Symbols>></Element Symbols><Normal Text>This is heading 5</Normal Text><Element Symbols></</Element Symbols><Element>h5</Element><Element Symbols>></Element Symbols><br/>
<Element Symbols><</Element Symbols><Element>h6</Element><Element Symbols>></Element Symbols><Normal Text>This is heading 6</Normal Text><Element Symbols></</Element Symbols><Element>h6</Element><Element Symbols>></Element Symbols><br/>
<Normal Text></Normal Text><br/>
<Element Symbols><</Element Symbols><Element>a</Element><Attribute> href</Attribute><Attribute Separator>=</Attribute Separator><Value>"http://www.w3schools.com"</Value><Element Symbols>></Element Symbols><Normal Text>This is a link</Normal Text><Element Symbols></</Element Symbols><Element>a</Element><Element Symbols>></Element Symbols><br/>
<Normal Text></Normal Text><br/>
<Element Symbols><</Element Symbols><Element>br</Element><Element Symbols>></Element Symbols><br/>
<Normal Text></Normal Text><br/>
<Element Symbols><</Element Symbols><Element>img</Element><Attribute> src</Attribute><Attribute Separator>=</Attribute Separator><Value>"http://placehold.it/200x150"</Value><Attribute> alt</Attribute><Attribute Separator>=</Attribute Separator><Value>"This is an image"</Value><Attribute> width</Attribute><Attribute Separator>=</Attribute Separator><Value>"200"</Value><Attribute> height</Attribute><Attribute Separator>=</Attribute Separator><Value>"150"</Value><Element Symbols>></Element Symbols><br/>
<Normal Text></Normal Text><br/>
<Element Symbols><</Element Symbols><Element>hr</Element><Element Symbols>></Element Symbols><br/>
<Normal Text></Normal Text><br/>
<Element Symbols><</Element Symbols><Element>ul</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>    </Normal Text><Element Symbols><</Element Symbols><Element>li</Element><Element Symbols>></Element Symbols><Normal Text>List item</Normal Text><Element Symbols></</Element Symbols><Element>li</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>    </Normal Text><Element Symbols><</Element Symbols><Element>li</Element><Element Symbols>></Element Symbols><Normal Text>List item</Normal Text><Element Symbols></</Element Symbols><Element>li</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>    </Normal Text><Element Symbols><</Element Symbols><Element>li</Element><Element Symbols>></Element Symbols><Normal Text>List item</Normal Text><Element Symbols></</Element Symbols><Element>li</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>    </Normal Text><Element Symbols><</Element Symbols><Element>li</Element><Element Symbols>></Element Symbols><Normal Text>List item</Normal Text><Element Symbols></</Element Symbols><Element>li</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>    </Normal Text><Element Symbols><</Element Symbols><Element>li</Element><Element Symbols>></Element Symbols><Normal Text>List item</Normal Text><Element Symbols></</Element Symbols><Element>li</Element><Element Symbols>></Element Symbols><br/>
<Element Symbols></</Element Symbols><Element>ul</Element><Element Symbols>></Element Symbols><br/>
<Normal Text></Normal Text><br/>
<Element Symbols><</Element Symbols><Element>ol</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>    </Normal Text><Element Symbols><</Element Symbols><Element>li</Element><Element Symbols>></Element Symbols><Normal Text>List item</Normal Text><Element Symbols></</Element Symbols><Element>li</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>    </Normal Text><Element Symbols><</Element Symbols><Element>li</Element><Element Symbols>></Element Symbols><Normal Text>List item</Normal Text><Element Symbols></</Element Symbols><Element>li</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>    </Normal Text><Element Symbols><</Element Symbols><Element>li</Element><Element Symbols>></Element Symbols><Normal Text>List item</Normal Text><Element Symbols></</Element Symbols><Element>li</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>    </Normal Text><Element Symbols><</Element Symbols><Element>li</Element><Element Symbols>></Element Symbols><Normal Text>List item</Normal Text><Element Symbols></</Element Symbols><Element>li</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>    </Normal Text><Element Symbols><</Element Symbols><Element>li</Element><Element Symbols>></Element Symbols><Normal Text>List item</Normal Text><Element Symbols></</Element Symbols><Element>li</Element><Element Symbols>></Element Symbols><br/>
<Element Symbols></</Element Symbols><Element>ol</Element><Element Symbols>></Element Symbols><br/>
<Normal Text></Normal Text><br/>
<Element Symbols><</Element Symbols><Element>table</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>    </Normal Text><Element Symbols><</Element Symbols><Element>tr</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>        </Normal Text><Element Symbols><</Element Symbols><Element>th</Element><Element Symbols>></Element Symbols><Normal Text>Table head</Normal Text><Element Symbols></</Element Symbols><Element>th</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>        </Normal Text><Element Symbols><</Element Symbols><Element>th</Element><Element Symbols>></Element Symbols><Normal Text>Table head</Normal Text><Element Symbols></</Element Symbols><Element>th</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>        </Normal Text><Element Symbols><</Element Symbols><Element>th</Element><Element Symbols>></Element Symbols><Normal Text>Table head</Normal Text><Element Symbols></</Element Symbols><Element>th</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>    </Normal Text><Element Symbols></</Element Symbols><Element>tr</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>    </Normal Text><Element Symbols><</Element Symbols><Element>tr</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>        </Normal Text><Element Symbols><</Element Symbols><Element>td</Element><Element Symbols>></Element Symbols><Normal Text>Table head</Normal Text><Element Symbols></</Element Symbols><Element>td</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>        </Normal Text><Element Symbols><</Element Symbols><Element>td</Element><Element Symbols>></Element Symbols><Normal Text>Table head</Normal Text><Element Symbols></</Element Symbols><Element>td</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>        </Normal Text><Element Symbols><</Element Symbols><Element>td</Element><Element Symbols>></Element Symbols><Normal Text>Table head</Normal Text><Element Symbols></</Element Symbols><Element>td</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>    </Normal Text><Element Symbols></</Element Symbols><Element>tr</Element><Element Symbols>></Element Symbols><br/>
<Element Symbols></</Element Symbols><Element>table</Element><Element Symbols>></Element Symbols><br/>
<Normal Text></Normal Text><br/>
<Element Symbols><</Element Symbols><Element>form</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>    </Normal Text><Element Symbols><</Element Symbols><Element>input</Element><Attribute> type</Attribute><Attribute Separator>=</Attribute Separator><Value>"email"</Value><Attribute> name</Attribute><Attribute Separator>=</Attribute Separator><Value>"author"</Value><Element Symbols>/></Element Symbols><br/>
<Normal Text>    </Normal Text><Element Symbols><</Element Symbols><Element>input</Element><Attribute> type</Attribute><Attribute Separator>=</Attribute Separator><Value>"text"</Value><Attribute> name</Attribute><Attribute Separator>=</Attribute Separator><Value>"message"</Value><Element Symbols>/></Element Symbols><br/>
<Normal Text>    </Normal Text><Element Symbols><</Element Symbols><Element>button</Element><Attribute> type</Attribute><Attribute Separator>=</Attribute Separator><Value>"button"</Value><Element Symbols>></Element Symbols><Normal Text>Send</Normal Text><Element Symbols></</Element Symbols><Element>button</Element><Element Symbols>></Element Symbols><br/>
<Element Symbols></</Element Symbols><Element>form</Element><Element Symbols>></Element Symbols><br/>
<Normal Text></Normal Text><br/>
<Element Symbols><</Element Symbols><Element>main</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>    </Normal Text><Element Symbols><</Element Symbols><Element>header</Element><Element Symbols>></Element Symbols><Normal Text>This is a header.</Normal Text><Element Symbols></</Element Symbols><Element>header</Element><Element Symbols>></Element Symbols><br/>
<Normal Text></Normal Text><br/>
<Normal Text>    </Normal Text><Element Symbols><</Element Symbols><Element>nav</Element><Element Symbols>></Element Symbols><Normal Text>This is a nav.</Normal Text><Element Symbols></</Element Symbols><Element>nav</Element><Element Symbols>></Element Symbols><br/>
<Normal Text></Normal Text><br/>
<Normal Text>    </Normal Text><Element Symbols><</Element Symbols><Element>article</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>        </Normal Text><Element Symbols><</Element Symbols><Element>h2</Element><Element Symbols>></Element Symbols><Normal Text>This is an article.</Normal Text><Element Symbols></</Element Symbols><Element>h2</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>        </Normal Text><Element Symbols><</Element Symbols><Element>p</Element><Element Symbols>></Element Symbols><Normal Text>This is an article.</Normal Text><Element Symbols></</Element Symbols><Element>p</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>    </Normal Text><Element Symbols></</Element Symbols><Element>article</Element><Element Symbols>></Element Symbols><br/>
<Normal Text></Normal Text><br/>
<Normal Text>    </Normal Text><Element Symbols><</Element Symbols><Element>aside</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>        </Normal Text><Element Symbols><</Element Symbols><Element>h2</Element><Element Symbols>></Element Symbols><Normal Text>This is an aside.</Normal Text><Element Symbols></</Element Symbols><Element>h2</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>    </Normal Text><Element Symbols></</Element Symbols><Element>aside</Element><Element Symbols>></Element Symbols><br/>
<Normal Text></Normal Text><br/>
<Normal Text>    </Normal Text><Element Symbols><</Element Symbols><Element>footer</Element><Element Symbols>></</Element Symbols><Element>footer</Element><Element Symbols>></Element Symbols><br/>
<Normal Text></Normal Text><br/>
<Element Symbols></</Element Symbols><Element>main</Element><Element Symbols>></Element Symbols><br/>
<Normal Text></Normal Text><br/>
<Comment><!-- Custom elements --></Comment><br/>
<Normal Text></Normal Text><br/>
<Element Symbols><</Element Symbols><Element>booklist</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>    </Normal Text><Element Symbols><</Element Symbols><Element>book</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>        </Normal Text><Element Symbols><</Element Symbols><Element>booktitle</Element><Element Symbols>></Element Symbols><Normal Text>Just For Fun: The Story of an Accidental Revolutionary</Normal Text><Element Symbols></</Element Symbols><Element>booktitle</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>        </Normal Text><Element Symbols><</Element Symbols><Element>author</Element><Element Symbols>></Element Symbols><Normal Text>Linus Torvalds</Normal Text><Element Symbols></</Element Symbols><Element>author</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>        </Normal Text><Element Symbols><</Element Symbols><Element>description</Element><br/>
<Attribute>            class</Attribute><Attribute Separator>=</Attribute Separator><Value>"featured"</Value><Attribute> title</Attribute><Attribute Separator>=</Attribute Separator><Value>"Click to read full text..."</Value><Element Symbols>></Element Symbols><br/>
<Normal Text>            A humorous autobiography of Linus Torvalds, the creator of the Linux</Normal Text><br/>
<Normal Text>            kernel, co-written with David Diamond. The book primarily theorizes</Normal Text><br/>
<Normal Text>            the Law of Linus that all evolution contributed by humanity starts</Normal Text><br/>
<Normal Text>            for survival, sustains socially and entertains at last. As well as</Normal Text><br/>
<Normal Text>            this the book explains Torvalds' view of himself, the free software</Normal Text><br/>
<Normal Text>            movement and the development of Linux.</Normal Text><Element Symbols></</Element Symbols><Element>description</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>    </Normal Text><Element Symbols></</Element Symbols><Element>book</Element><Element Symbols>></Element Symbols><br/>
<Element Symbols></</Element Symbols><Element>booklist</Element><Element Symbols>></Element Symbols><br/>
<Normal Text></Normal Text><br/>
<Element Symbols><</Element Symbols><Element>large-space</Element><Element Symbols>/></Element Symbols><br/>
<Normal Text></Normal Text><br/>
<Comment><!-- Ends for single tag elements --></Comment><br/>
<Element Symbols><</Element Symbols><Element>br</Element><Element Symbols>></Element Symbols><br/>
<Element Symbols><</Element Symbols><Element>br</Element><Element Symbols>/></Element Symbols><br/>
<Element Symbols><</Element Symbols><Element>br</Element><Attribute> </Attribute><Element Symbols>/></Element Symbols><br/>
<Element Symbols><</Element Symbols><Element>br</Element><Element Symbols>></</Element Symbols><Element>br</Element><Element Symbols>></Element Symbols><br/>
<Normal Text></Normal Text><br/>
<Comment><!-- Uppercase elements --></Comment><br/>
<Normal Text></Normal Text><br/>
<Element Symbols><</Element Symbols><Element>DIV</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>    THIS IS A DIV.</Normal Text><br/>
<Normal Text>    </Normal Text><Element Symbols><</Element Symbols><Element>P</Element><Element Symbols>></Element Symbols><Normal Text>THIS IS A PARAGRAPH.</Normal Text><Element Symbols></</Element Symbols><Element>P</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>    </Normal Text><Element Symbols><</Element Symbols><Element>H2</Element><Element Symbols>></Element Symbols><Normal Text>THIS IS A HEADING.</Normal Text><Element Symbols></</Element Symbols><Element>H2</Element><Element Symbols>></Element Symbols><br/>
<Element Symbols></</Element Symbols><Element>DIV</Element><Element Symbols>></Element Symbols><br/>
<Normal Text></Normal Text><br/>
<Comment><!-- Arrtibutes --></Comment><br/>
<Normal Text></Normal Text><br/>
<Element Symbols><</Element Symbols><Element>a</Element><Attribute> href</Attribute><Attribute Separator>=</Attribute Separator><Value>"#"</Value><Attribute> style</Attribute><Attribute Separator>=</Attribute Separator><Value>"background-color:rgba(0,0,0,0.3)"</Value><Attribute> title</Attribute><Attribute Separator>=</Attribute Separator><Value>"Click me"</Value><Element Symbols>></Element Symbols><Normal Text>Magic button</Normal Text><Element Symbols></</Element Symbols><Element>a</Element><Element Symbols>></Element Symbols><br/>
<Normal Text></Normal Text><br/>
<Element Symbols><</Element Symbols><Element>img</Element><Attribute> src</Attribute><Attribute Separator>=</Attribute Separator><Value>"http://placehold.it/200x150"</Value><Attribute> alt</Attribute><Attribute Separator>=</Attribute Separator><Value>"This is an image"</Value><Attribute> width</Attribute><Attribute Separator>=</Attribute Separator><Value>"200"</Value><br/>
<Attribute>     height</Attribute><Attribute Separator>=</Attribute Separator><Value>"150"</Value><Attribute> title</Attribute><Attribute Separator>=</Attribute Separator><Value>"This is an image"</Value><Element Symbols>></Element Symbols><br/>
<Normal Text></Normal Text><br/>
<Comment><!-- Attribute without value --></Comment><br/>
<Normal Text></Normal Text><br/>
<Element Symbols><</Element Symbols><Element>select</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>    </Normal Text><Element Symbols><</Element Symbols><Element>option</Element><Attribute> selected</Attribute><Element Symbols>></Element Symbols><Normal Text>GNU/Linux</Normal Text><Element Symbols></</Element Symbols><Element>option</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>    </Normal Text><Element Symbols><</Element Symbols><Element>option</Element><Element Symbols>></Element Symbols><Normal Text>BSD</Normal Text><Element Symbols></</Element Symbols><Element>option</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>    </Normal Text><Element Symbols><</Element Symbols><Element>option</Element><Element Symbols>></Element Symbols><Normal Text>Windows</Normal Text><Element Symbols></</Element Symbols><Element>option</Element><Element Symbols>></Element Symbols><br/>
<Normal Text>    </Normal Text><Element Symbols><</Element Symbols><Element>option</Element><Element Symbols>></Element Symbols><Normal Text>macOS</Normal Text><Element Symbols></</Element Symbols><Element>option</Element><Element Symbols>></Element Symbols><br/>
<Element Symbols></</Element Symbols><Element>select</Element><Element Symbols>></Element Symbols><br/>
<Normal Text></Normal Text><br/>
<Comment><!-- Attribute without quotes --></Comment><br/>
<Normal Text></Normal Text><br/>
<Element Symbols><</Element Symbols><Element>div</Element><Attribute> id</Attribute><Attribute Separator>=</Attribute Separator><Value>name</Value><Attribute> class</Attribute><Attribute Separator>=</Attribute Separator><Value>a-sweet-block</Value><Attribute> data-counter</Attribute><Attribute Separator>=</Attribute Separator><Value>175</Value><Element Symbols>></Element Symbols><Normal Text>This is a div.</Normal Text><Element Symbols></</Element Symbols><Element>div</Element><Element Symbols>></Element Symbols><br/>
<Normal Text></Normal Text><br/>
<Element Symbols><</Element Symbols><Element>input</Element><Attribute> value</Attribute><Attribute Separator>=</Attribute Separator><Value>abc</Value><EntityRef>&amp;</EntityRef><Value>def/</Value><Element Symbols>></Element Symbols><br/>
<Normal Text></Normal Text><br/>
<Element Symbols></</Element Symbols><Element>body</Element><Element Symbols>></Element Symbols><br/>
<Normal Text></Normal Text><br/>
<Element Symbols></</Element Symbols><Element>html</Element><Element Symbols>></Element Symbols><br/>