241 lines
36 KiB
Plaintext
241 lines
36 KiB
Plaintext
<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>&</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/>
|