File indexing completed on 2024-05-12 04:02:09
0001 <!DOCTYPE html> 0002 <html><head> 0003 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 0004 <title>test.htm</title> 0005 <meta name="generator" content="KF5::SyntaxHighlighting - Definition (HTML) - Theme (Breeze Dark)"/> 0006 </head><body style="background-color:#232629;color:#cfcfc2"><pre> 0007 <span style="color:#2980b9;font-weight:bold"><!DOCTYPE</span> HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"<span style="color:#2980b9;font-weight:bold">></span> 0008 <span style="color:#2980b9"><</span><span style="font-weight:bold">html</span><span style="color:#2980b9">></span> 0009 <span style="color:#2980b9"><</span><span style="font-weight:bold">head</span><span style="color:#2980b9">></span> 0010 <span style="color:#2980b9"><</span><span style="font-weight:bold">title</span><span style="color:#2980b9">></span>This is a title<span style="color:#2980b9"></</span><span style="font-weight:bold">title</span><span style="color:#2980b9">></span> 0011 <span style="color:#2980b9"><</span><span style="font-weight:bold">style</span><span style="color:#2980b9">></span> 0012 <span style="color:#7a7c7d">/* comment */</span> 0013 <span style="color:#27ae60;font-weight:bold">#xyz</span> { <span style="font-weight:bold">color</span><span style="color:#3daee9">:</span> <span style="color:#27aeae;font-weight:bold">red</span><span style="color:#3f8058">;</span> } 0014 h1 { <span style="font-weight:bold">font</span><span style="color:#3daee9">:</span> <span style="color:#f44f4f">"Comic Sans"</span><span style="color:#3f8058">;</span> } 0015 <span style="color:#2980b9"></</span><span style="font-weight:bold">style</span><span style="color:#2980b9">></span> 0016 <span style="color:#2980b9"></</span><span style="font-weight:bold">head</span><span style="color:#2980b9">></span> 0017 <span style="color:#2980b9"><</span><span style="font-weight:bold">body</span><span style="color:#27ae60"> class</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">"ui main"</span><span style="color:#2980b9">></span> 0018 <span style="color:#2980b9"><</span><span style="font-weight:bold">p</span><span style="color:#27ae60"> *ngFor</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">"let name of names"</span><span style="color:#2980b9">></span>Hello, {{ name }}!<span style="color:#2980b9"></</span><span style="font-weight:bold">p</span><span style="color:#2980b9">></span> 0019 <span style="color:#2980b9"></</span><span style="font-weight:bold">body</span><span style="color:#2980b9">></span> 0020 0021 <span style="color:#7a7c7d"><!-- JavaScript code --></span> 0022 <span style="color:#2980b9"><</span><span style="font-weight:bold">script</span><span style="color:#2980b9">></span> 0023 <span style="color:#7f8c8d">document</span><span style="color:#3f8058">.</span><span style="color:#2980b9;font-style:italic">body</span><span style="color:#3f8058">.</span><span style="color:#8e44ad;font-style:italic">appendChild</span>(<span style="color:#7f8c8d">document</span><span style="color:#3f8058">.</span><span style="color:#8e44ad;font-style:italic">createTextNode</span>(<span style="color:#f44f4f">'Hello World!'</span>))<span style="color:#3f8058">;</span> <span style="color:#7a7c7d">// comment</span> 0024 <span style="color:#2980b9"></</span><span style="font-weight:bold">script</span><span style="color:#2980b9">></span> 0025 0026 <span style="color:#7a7c7d"><!-- TypeScript code --></span> 0027 <span style="color:#2980b9"><</span><span style="font-weight:bold">script</span><span style="color:#27ae60"> type=</span><span style="color:#f44f4f">"text/typescript"</span><span style="color:#2980b9">></span> 0028 <span style="font-weight:bold;font-style:italic">class</span> Student { 0029 fullName<span style="color:#3f8058">:</span> <span style="color:#2980b9">string</span><span style="color:#3f8058">;</span> 0030 <span style="font-weight:bold;font-style:italic">constructor</span>(<span style="font-weight:bold;font-style:italic">public</span> firstName<span style="color:#3f8058">:</span> <span style="color:#2980b9">string</span><span style="color:#3f8058">,</span> <span style="font-weight:bold;font-style:italic">public</span> middleInitial<span style="color:#3f8058">:</span> <span style="color:#2980b9">string</span><span style="color:#3f8058">,</span> <span style="font-weight:bold;font-style:italic">public</span> lastName<span style="color:#3f8058">:</span> <span style="color:#2980b9">string</span>) { 0031 <span style="font-weight:bold">this</span><span style="color:#3f8058">.</span><span style="color:#2980b9">fullName</span> <span style="color:#3f8058">=</span> firstName <span style="color:#3f8058">+</span> <span style="color:#f44f4f">" "</span> <span style="color:#3f8058">+</span> middleInitial <span style="color:#3f8058">+</span> <span style="color:#f44f4f">" "</span> <span style="color:#3f8058">+</span> lastName<span style="color:#3f8058">;</span> 0032 } 0033 } 0034 <span style="font-weight:bold;font-style:italic">let</span> a<span style="color:#3f8058">:</span> <span style="color:#2980b9">null</span> <span style="color:#3f8058">=</span> <span style="font-weight:bold">null</span><span style="color:#3f8058">;</span> 0035 <span style="font-weight:bold;font-style:italic">let</span> b<span style="color:#3f8058">:</span> <span style="color:#2980b9">number</span> <span style="color:#3f8058">=</span> <span style="color:#f67400">12_3</span><span style="color:#3f8058">;</span> 0036 <span style="color:#2980b9"></</span><span style="font-weight:bold">script</span><span style="color:#2980b9">></span> 0037 0038 <span style="color:#7a7c7d"><!-- JSX code --></span> 0039 <span style="color:#2980b9"><</span><span style="font-weight:bold">script</span><span style="color:#27ae60"> src</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">"https://unpkg.com/babel-standalone@6/babel.min.js"</span><span style="color:#2980b9">></</span><span style="font-weight:bold">script</span><span style="color:#2980b9">></span> 0040 <span style="color:#2980b9"><</span><span style="font-weight:bold">script</span><span style="color:#27ae60"> type=</span><span style="color:#f44f4f">"text/babel"</span><span style="color:#2980b9">></span> 0041 ReactDOM<span style="color:#3f8058">.</span><span style="color:#8e44ad">render</span>( 0042 <span style="font-weight:bold"><h1></span>Hello, world!<span style="font-weight:bold"></h1></span><span style="color:#3f8058">,</span> 0043 <span style="color:#7f8c8d">document</span><span style="color:#3f8058">.</span><span style="color:#8e44ad;font-style:italic">getElementById</span>(<span style="color:#f44f4f">'root'</span>) 0044 )<span style="color:#3f8058">;</span> 0045 <span style="font-weight:bold">function</span> <span style="color:#8e44ad">Story</span>(props) { 0046 <span style="font-weight:bold">const</span> SpecificStory <span style="color:#3f8058">=</span> components[props<span style="color:#3f8058">.</span><span style="color:#2980b9">storyType</span>]<span style="color:#3f8058">;</span> 0047 <span style="color:#fdbc4b;font-weight:bold">return </span><span style="color:#8e44ad;font-weight:bold"><SpecificStory</span> <span style="color:#27ae60">story</span><span style="color:#3f8058">=</span><span style="color:#27aeae">{</span> props<span style="color:#3f8058">.</span><span style="color:#2980b9">story</span> <span style="color:#27aeae">}</span> <span style="color:#27ae60">attr2</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">"</span><span style="color:#f67400">&ref;</span><span style="color:#f44f4f">"</span> <span style="color:#27ae60">attr3</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">"Hello\n"</span> <span style="color:#8e44ad;font-weight:bold">/></span><span style="color:#3f8058">;</span> 0048 } 0049 <span style="color:#2980b9"></</span><span style="font-weight:bold">script</span><span style="color:#2980b9">></span> 0050 0051 <span style="color:#7a7c7d"><!-- Mustache/Handlebars --></span> 0052 <span style="color:#2980b9"><</span><span style="font-weight:bold">script</span><span style="color:#27ae60"> type=</span><span style="color:#f44f4f">"x-tmpl-mustache"</span><span style="color:#2980b9">></span> 0053 <span style="color:#8e44ad;font-weight:bold">{{#movie}}</span> 0054 <span style="font-weight:bold"><div></span> 0055 <span style="font-weight:bold"><h1></span><span style="color:#27aeae">{{</span>title<span style="color:#27aeae">}}</span><span style="font-weight:bold"></h1></span> 0056 <span style="font-weight:bold"><img</span><span style="color:#27ae60"> src</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">"</span><span style="color:#27aeae">{{</span>poster<span style="color:#27aeae">}}</span><span style="color:#f44f4f">"</span><span style="color:#27ae60"> alt</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">"</span><span style="color:#27aeae">{{</span>title<span style="color:#27aeae">}}</span><span style="color:#f44f4f">"</span><span style="font-weight:bold">/></span> 0057 <span style="font-weight:bold"></div></span> 0058 <span style="font-weight:bold"><div></span> 0059 Rating - <span style="color:#27aeae">{{</span>ratings<span style="color:#3f8058">.</span>critics_rating<span style="color:#27aeae">}}</span> 0060 <span style="font-weight:bold"></div></span> 0061 <span style="color:#8e44ad;font-weight:bold">{{/movie}}</span> 0062 <span style="color:#8e44ad;font-weight:bold">{{^movie}}</span> 0063 <span style="font-weight:bold"><div></span> 0064 Movie Does Not Exist :( 0065 <span style="font-weight:bold"></div></span> 0066 <span style="color:#8e44ad;font-weight:bold">{{/movie}}</span> 0067 <span style="color:#7a7c7d">{{! comment }}</span> 0068 <span style="color:#2980b9"></</span><span style="font-weight:bold">script</span><span style="color:#2980b9">></span> 0069 0070 <span style="color:#7a7c7d"><!-- HTML template --></span> 0071 <span style="color:#2980b9"><</span><span style="font-weight:bold">script</span><span style="color:#27ae60"> type=</span><span style="color:#f44f4f">"text/html"</span><span style="color:#2980b9">></span> 0072 <span style="color:#2980b9"><</span><span style="font-weight:bold">li</span><span style="color:#2980b9">><</span><span style="font-weight:bold">a</span><span style="color:#27ae60"> href</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">"link"</span><span style="color:#2980b9">></span>Hello<span style="color:#2980b9"></</span><span style="font-weight:bold">a</span><span style="color:#2980b9">></</span><span style="font-weight:bold">li</span><span style="color:#2980b9">></span> 0073 <span style="color:#2980b9"></</span><span style="font-weight:bold">script</span><span style="color:#2980b9">></span> 0074 0075 <span style="color:#7a7c7d"><!-- Close the block correctly after "?" in the JavaScript highlighter --></span> 0076 <span style="color:#2980b9"><</span><span style="font-weight:bold">script</span><span style="color:#2980b9">></span> 0077 <span style="color:#3f8058">?</span> 0078 <span style="color:#2980b9"></</span><span style="font-weight:bold">script</span><span style="color:#2980b9">></span> 0079 0080 <span style="color:#2980b9"></</span><span style="font-weight:bold">html</span><span style="color:#2980b9">></span> 0081 <span style="color:#7a7c7d"><!--</span> 0082 0083 <span style="color:#7a7c7d">HTML Syntax Highlight Sample File (Standard)</span> 0084 0085 <span style="color:#7a7c7d">- Follow HTML5 standard.</span> 0086 <span style="color:#7a7c7d">- Contain some valid, but not recommended syntax.</span> 0087 <span style="color:#7a7c7d">- Can be rendered by modern web browsers.</span> 0088 0089 <span style="color:#7a7c7d">@author Guo Yunhe guoyunhebrave@gmail.com</span> 0090 <span style="color:#7a7c7d">@date 2016-09-17</span> 0091 0092 <span style="color:#7a7c7d">--></span> 0093 0094 <span style="color:#2980b9;font-weight:bold"><!DOCTYPE</span> html<span style="color:#2980b9;font-weight:bold">></span> 0095 0096 <span style="color:#2980b9"><</span><span style="font-weight:bold">html</span><span style="color:#2980b9">></span> 0097 0098 <span style="color:#2980b9"><</span><span style="font-weight:bold">head</span><span style="color:#2980b9">></span> 0099 <span style="color:#2980b9"><</span><span style="font-weight:bold">meta</span><span style="color:#27ae60"> charset</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">"utf-8"</span><span style="color:#2980b9">></span> 0100 <span style="color:#2980b9"><</span><span style="font-weight:bold">title</span><span style="color:#2980b9">></span>HTML Syntax Highlight Sample File (Standard)<span style="color:#2980b9"></</span><span style="font-weight:bold">title</span><span style="color:#2980b9">></span> 0101 <span style="color:#2980b9"><</span><span style="font-weight:bold">link</span><span style="color:#27ae60"> rel</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">"stylesheet"</span><span style="color:#27ae60"> href</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"</span><span style="color:#27ae60"> integrity</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">"sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"</span><span style="color:#27ae60"> crossorigin</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">"anonymous"</span><span style="color:#2980b9">></span> 0102 <span style="color:#2980b9"><</span><span style="font-weight:bold">link</span><span style="color:#27ae60"> rel</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">"stylesheet"</span><span style="color:#27ae60"> href</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"</span><span style="color:#27ae60"> integrity</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">"sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp"</span><span style="color:#27ae60"> crossorigin</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">"anonymous"</span><span style="color:#2980b9">></span> 0103 <span style="color:#2980b9"><</span><span style="font-weight:bold">script</span><span style="color:#27ae60"> src</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"</span><span style="color:#27ae60"> integrity</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">"sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"</span><span style="color:#27ae60"> crossorigin</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">"anonymous"</span><span style="color:#2980b9">></</span><span style="font-weight:bold">script</span><span style="color:#2980b9">></span> 0104 <span style="color:#2980b9"></</span><span style="font-weight:bold">head</span><span style="color:#2980b9">></span> 0105 0106 <span style="color:#2980b9"><</span><span style="font-weight:bold">body</span><span style="color:#2980b9">></span> 0107 0108 <span style="color:#7a7c7d"><!-- HTML5 defined elements --></span> 0109 0110 <span style="color:#2980b9"><</span><span style="font-weight:bold">div</span><span style="color:#2980b9">></span> 0111 This is a div. <span style="color:#2980b9"><</span><span style="font-weight:bold">span</span><span style="color:#2980b9">></span>This is a span<span style="color:#2980b9"></</span><span style="font-weight:bold">span</span><span style="color:#2980b9">></span> 0112 <span style="color:#2980b9"><</span><span style="font-weight:bold">div</span><span style="color:#2980b9">></span> 0113 This is a div. 0114 <span style="color:#2980b9"></</span><span style="font-weight:bold">div</span><span style="color:#2980b9">></span> 0115 <span style="color:#2980b9"></</span><span style="font-weight:bold">div</span><span style="color:#2980b9">></span> 0116 0117 <span style="color:#2980b9"><</span><span style="font-weight:bold">p</span><span style="color:#2980b9">></span> 0118 This is a paragraph. <span style="color:#2980b9"><</span><span style="font-weight:bold">em</span><span style="color:#2980b9">></</span><span style="font-weight:bold">em</span><span style="color:#2980b9">></span> 0119 <span style="color:#2980b9"></</span><span style="font-weight:bold">p</span><span style="color:#2980b9">></span> 0120 0121 <span style="color:#2980b9"><</span><span style="font-weight:bold">h1</span><span style="color:#2980b9">></span>This is heading 1<span style="color:#2980b9"></</span><span style="font-weight:bold">h1</span><span style="color:#2980b9">></span> 0122 <span style="color:#2980b9"><</span><span style="font-weight:bold">h2</span><span style="color:#2980b9">></span>This is heading 2<span style="color:#2980b9"></</span><span style="font-weight:bold">h2</span><span style="color:#2980b9">></span> 0123 <span style="color:#2980b9"><</span><span style="font-weight:bold">h3</span><span style="color:#2980b9">></span>This is heading 3<span style="color:#2980b9"></</span><span style="font-weight:bold">h3</span><span style="color:#2980b9">></span> 0124 <span style="color:#2980b9"><</span><span style="font-weight:bold">h4</span><span style="color:#2980b9">></span>This is heading 4<span style="color:#2980b9"></</span><span style="font-weight:bold">h4</span><span style="color:#2980b9">></span> 0125 <span style="color:#2980b9"><</span><span style="font-weight:bold">h5</span><span style="color:#2980b9">></span>This is heading 5<span style="color:#2980b9"></</span><span style="font-weight:bold">h5</span><span style="color:#2980b9">></span> 0126 <span style="color:#2980b9"><</span><span style="font-weight:bold">h6</span><span style="color:#2980b9">></span>This is heading 6<span style="color:#2980b9"></</span><span style="font-weight:bold">h6</span><span style="color:#2980b9">></span> 0127 0128 <span style="color:#2980b9"><</span><span style="font-weight:bold">a</span><span style="color:#27ae60"> href</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">"http://www.w3schools.com"</span><span style="color:#2980b9">></span>This is a link<span style="color:#2980b9"></</span><span style="font-weight:bold">a</span><span style="color:#2980b9">></span> 0129 0130 <span style="color:#2980b9"><</span><span style="font-weight:bold">br</span><span style="color:#2980b9">></span> 0131 0132 <span style="color:#2980b9"><</span><span style="font-weight:bold">img</span><span style="color:#27ae60"> src</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">"http://placehold.it/200x150"</span><span style="color:#27ae60"> alt</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">"This is an image"</span><span style="color:#27ae60"> width</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">"200"</span><span style="color:#27ae60"> height</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">"150"</span><span style="color:#2980b9">></span> 0133 0134 <span style="color:#2980b9"><</span><span style="font-weight:bold">hr</span><span style="color:#2980b9">></span> 0135 0136 <span style="color:#2980b9"><</span><span style="font-weight:bold">ul</span><span style="color:#2980b9">></span> 0137 <span style="color:#2980b9"><</span><span style="font-weight:bold">li</span><span style="color:#2980b9">></span>List item<span style="color:#2980b9"></</span><span style="font-weight:bold">li</span><span style="color:#2980b9">></span> 0138 <span style="color:#2980b9"><</span><span style="font-weight:bold">li</span><span style="color:#2980b9">></span>List item<span style="color:#2980b9"></</span><span style="font-weight:bold">li</span><span style="color:#2980b9">></span> 0139 <span style="color:#2980b9"><</span><span style="font-weight:bold">li</span><span style="color:#2980b9">></span>List item<span style="color:#2980b9"></</span><span style="font-weight:bold">li</span><span style="color:#2980b9">></span> 0140 <span style="color:#2980b9"><</span><span style="font-weight:bold">li</span><span style="color:#2980b9">></span>List item<span style="color:#2980b9"></</span><span style="font-weight:bold">li</span><span style="color:#2980b9">></span> 0141 <span style="color:#2980b9"><</span><span style="font-weight:bold">li</span><span style="color:#2980b9">></span>List item<span style="color:#2980b9"></</span><span style="font-weight:bold">li</span><span style="color:#2980b9">></span> 0142 <span style="color:#2980b9"></</span><span style="font-weight:bold">ul</span><span style="color:#2980b9">></span> 0143 0144 <span style="color:#2980b9"><</span><span style="font-weight:bold">ol</span><span style="color:#2980b9">></span> 0145 <span style="color:#2980b9"><</span><span style="font-weight:bold">li</span><span style="color:#2980b9">></span>List item<span style="color:#2980b9"></</span><span style="font-weight:bold">li</span><span style="color:#2980b9">></span> 0146 <span style="color:#2980b9"><</span><span style="font-weight:bold">li</span><span style="color:#2980b9">></span>List item<span style="color:#2980b9"></</span><span style="font-weight:bold">li</span><span style="color:#2980b9">></span> 0147 <span style="color:#2980b9"><</span><span style="font-weight:bold">li</span><span style="color:#2980b9">></span>List item<span style="color:#2980b9"></</span><span style="font-weight:bold">li</span><span style="color:#2980b9">></span> 0148 <span style="color:#2980b9"><</span><span style="font-weight:bold">li</span><span style="color:#2980b9">></span>List item<span style="color:#2980b9"></</span><span style="font-weight:bold">li</span><span style="color:#2980b9">></span> 0149 <span style="color:#2980b9"><</span><span style="font-weight:bold">li</span><span style="color:#2980b9">></span>List item<span style="color:#2980b9"></</span><span style="font-weight:bold">li</span><span style="color:#2980b9">></span> 0150 <span style="color:#2980b9"></</span><span style="font-weight:bold">ol</span><span style="color:#2980b9">></span> 0151 0152 <span style="color:#2980b9"><</span><span style="font-weight:bold">table</span><span style="color:#2980b9">></span> 0153 <span style="color:#2980b9"><</span><span style="font-weight:bold">tr</span><span style="color:#2980b9">></span> 0154 <span style="color:#2980b9"><</span><span style="font-weight:bold">th</span><span style="color:#2980b9">></span>Table head<span style="color:#2980b9"></</span><span style="font-weight:bold">th</span><span style="color:#2980b9">></span> 0155 <span style="color:#2980b9"><</span><span style="font-weight:bold">th</span><span style="color:#2980b9">></span>Table head<span style="color:#2980b9"></</span><span style="font-weight:bold">th</span><span style="color:#2980b9">></span> 0156 <span style="color:#2980b9"><</span><span style="font-weight:bold">th</span><span style="color:#2980b9">></span>Table head<span style="color:#2980b9"></</span><span style="font-weight:bold">th</span><span style="color:#2980b9">></span> 0157 <span style="color:#2980b9"></</span><span style="font-weight:bold">tr</span><span style="color:#2980b9">></span> 0158 <span style="color:#2980b9"><</span><span style="font-weight:bold">tr</span><span style="color:#2980b9">></span> 0159 <span style="color:#2980b9"><</span><span style="font-weight:bold">td</span><span style="color:#2980b9">></span>Table head<span style="color:#2980b9"></</span><span style="font-weight:bold">td</span><span style="color:#2980b9">></span> 0160 <span style="color:#2980b9"><</span><span style="font-weight:bold">td</span><span style="color:#2980b9">></span>Table head<span style="color:#2980b9"></</span><span style="font-weight:bold">td</span><span style="color:#2980b9">></span> 0161 <span style="color:#2980b9"><</span><span style="font-weight:bold">td</span><span style="color:#2980b9">></span>Table head<span style="color:#2980b9"></</span><span style="font-weight:bold">td</span><span style="color:#2980b9">></span> 0162 <span style="color:#2980b9"></</span><span style="font-weight:bold">tr</span><span style="color:#2980b9">></span> 0163 <span style="color:#2980b9"></</span><span style="font-weight:bold">table</span><span style="color:#2980b9">></span> 0164 0165 <span style="color:#2980b9"><</span><span style="font-weight:bold">form</span><span style="color:#2980b9">></span> 0166 <span style="color:#2980b9"><</span><span style="font-weight:bold">input</span><span style="color:#27ae60"> type</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">"email"</span><span style="color:#27ae60"> name</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">"author"</span><span style="color:#2980b9">/></span> 0167 <span style="color:#2980b9"><</span><span style="font-weight:bold">input</span><span style="color:#27ae60"> type</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">"text"</span><span style="color:#27ae60"> name</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">"message"</span><span style="color:#2980b9">/></span> 0168 <span style="color:#2980b9"><</span><span style="font-weight:bold">button</span><span style="color:#27ae60"> type</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">"button"</span><span style="color:#2980b9">></span>Send<span style="color:#2980b9"></</span><span style="font-weight:bold">button</span><span style="color:#2980b9">></span> 0169 <span style="color:#2980b9"></</span><span style="font-weight:bold">form</span><span style="color:#2980b9">></span> 0170 0171 <span style="color:#2980b9"><</span><span style="font-weight:bold">main</span><span style="color:#2980b9">></span> 0172 <span style="color:#2980b9"><</span><span style="font-weight:bold">header</span><span style="color:#2980b9">></span>This is a header.<span style="color:#2980b9"></</span><span style="font-weight:bold">header</span><span style="color:#2980b9">></span> 0173 0174 <span style="color:#2980b9"><</span><span style="font-weight:bold">nav</span><span style="color:#2980b9">></span>This is a nav.<span style="color:#2980b9"></</span><span style="font-weight:bold">nav</span><span style="color:#2980b9">></span> 0175 0176 <span style="color:#2980b9"><</span><span style="font-weight:bold">article</span><span style="color:#2980b9">></span> 0177 <span style="color:#2980b9"><</span><span style="font-weight:bold">h2</span><span style="color:#2980b9">></span>This is an article.<span style="color:#2980b9"></</span><span style="font-weight:bold">h2</span><span style="color:#2980b9">></span> 0178 <span style="color:#2980b9"><</span><span style="font-weight:bold">p</span><span style="color:#2980b9">></span>This is an article.<span style="color:#2980b9"></</span><span style="font-weight:bold">p</span><span style="color:#2980b9">></span> 0179 <span style="color:#2980b9"></</span><span style="font-weight:bold">article</span><span style="color:#2980b9">></span> 0180 0181 <span style="color:#2980b9"><</span><span style="font-weight:bold">aside</span><span style="color:#2980b9">></span> 0182 <span style="color:#2980b9"><</span><span style="font-weight:bold">h2</span><span style="color:#2980b9">></span>This is an aside.<span style="color:#2980b9"></</span><span style="font-weight:bold">h2</span><span style="color:#2980b9">></span> 0183 <span style="color:#2980b9"></</span><span style="font-weight:bold">aside</span><span style="color:#2980b9">></span> 0184 0185 <span style="color:#2980b9"><</span><span style="font-weight:bold">footer</span><span style="color:#2980b9">></</span><span style="font-weight:bold">footer</span><span style="color:#2980b9">></span> 0186 0187 <span style="color:#2980b9"></</span><span style="font-weight:bold">main</span><span style="color:#2980b9">></span> 0188 0189 <span style="color:#7a7c7d"><!-- Custom elements --></span> 0190 0191 <span style="color:#2980b9"><</span><span style="font-weight:bold">booklist</span><span style="color:#2980b9">></span> 0192 <span style="color:#2980b9"><</span><span style="font-weight:bold">book</span><span style="color:#2980b9">></span> 0193 <span style="color:#2980b9"><</span><span style="font-weight:bold">booktitle</span><span style="color:#2980b9">></span>Just For Fun: The Story of an Accidental Revolutionary<span style="color:#2980b9"></</span><span style="font-weight:bold">booktitle</span><span style="color:#2980b9">></span> 0194 <span style="color:#2980b9"><</span><span style="font-weight:bold">author</span><span style="color:#2980b9">></span>Linus Torvalds<span style="color:#2980b9"></</span><span style="font-weight:bold">author</span><span style="color:#2980b9">></span> 0195 <span style="color:#2980b9"><</span><span style="font-weight:bold">description</span> 0196 <span style="color:#27ae60"> class</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">"featured"</span><span style="color:#27ae60"> title</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">"Click to read full text..."</span><span style="color:#2980b9">></span> 0197 A humorous autobiography of Linus Torvalds, the creator of the Linux 0198 kernel, co-written with David Diamond. The book primarily theorizes 0199 the Law of Linus that all evolution contributed by humanity starts 0200 for survival, sustains socially and entertains at last. As well as 0201 this the book explains Torvalds' view of himself, the free software 0202 movement and the development of Linux.<span style="color:#2980b9"></</span><span style="font-weight:bold">description</span><span style="color:#2980b9">></span> 0203 <span style="color:#2980b9"></</span><span style="font-weight:bold">book</span><span style="color:#2980b9">></span> 0204 <span style="color:#2980b9"></</span><span style="font-weight:bold">booklist</span><span style="color:#2980b9">></span> 0205 0206 <span style="color:#2980b9"><</span><span style="font-weight:bold">large-space</span><span style="color:#2980b9">/></span> 0207 0208 <span style="color:#7a7c7d"><!-- Ends for single tag elements --></span> 0209 <span style="color:#2980b9"><</span><span style="font-weight:bold">br</span><span style="color:#2980b9">></span> 0210 <span style="color:#2980b9"><</span><span style="font-weight:bold">br</span><span style="color:#2980b9">/></span> 0211 <span style="color:#2980b9"><</span><span style="font-weight:bold">br</span><span style="color:#27ae60"> </span><span style="color:#2980b9">/></span> 0212 <span style="color:#2980b9"><</span><span style="font-weight:bold">br</span><span style="color:#2980b9">></</span><span style="font-weight:bold">br</span><span style="color:#2980b9">></span> 0213 0214 <span style="color:#7a7c7d"><!-- Uppercase elements --></span> 0215 0216 <span style="color:#2980b9"><</span><span style="font-weight:bold">DIV</span><span style="color:#2980b9">></span> 0217 THIS IS A DIV. 0218 <span style="color:#2980b9"><</span><span style="font-weight:bold">P</span><span style="color:#2980b9">></span>THIS IS A PARAGRAPH.<span style="color:#2980b9"></</span><span style="font-weight:bold">P</span><span style="color:#2980b9">></span> 0219 <span style="color:#2980b9"><</span><span style="font-weight:bold">H2</span><span style="color:#2980b9">></span>THIS IS A HEADING.<span style="color:#2980b9"></</span><span style="font-weight:bold">H2</span><span style="color:#2980b9">></span> 0220 <span style="color:#2980b9"></</span><span style="font-weight:bold">DIV</span><span style="color:#2980b9">></span> 0221 0222 <span style="color:#7a7c7d"><!-- Arrtibutes --></span> 0223 0224 <span style="color:#2980b9"><</span><span style="font-weight:bold">a</span><span style="color:#27ae60"> href</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">"#"</span><span style="color:#27ae60"> style</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">"background-color:rgba(0,0,0,0.3)"</span><span style="color:#27ae60"> title</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">"Click me"</span><span style="color:#2980b9">></span>Magic button<span style="color:#2980b9"></</span><span style="font-weight:bold">a</span><span style="color:#2980b9">></span> 0225 0226 <span style="color:#2980b9"><</span><span style="font-weight:bold">img</span><span style="color:#27ae60"> src</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">"http://placehold.it/200x150"</span><span style="color:#27ae60"> alt</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">"This is an image"</span><span style="color:#27ae60"> width</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">"200"</span> 0227 <span style="color:#27ae60"> height</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">"150"</span><span style="color:#27ae60"> title</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">"This is an image"</span><span style="color:#2980b9">></span> 0228 0229 <span style="color:#7a7c7d"><!-- Attribute without value --></span> 0230 0231 <span style="color:#2980b9"><</span><span style="font-weight:bold">select</span><span style="color:#2980b9">></span> 0232 <span style="color:#2980b9"><</span><span style="font-weight:bold">option</span><span style="color:#27ae60"> selected</span><span style="color:#2980b9">></span>GNU/Linux<span style="color:#2980b9"></</span><span style="font-weight:bold">option</span><span style="color:#2980b9">></span> 0233 <span style="color:#2980b9"><</span><span style="font-weight:bold">option</span><span style="color:#2980b9">></span>BSD<span style="color:#2980b9"></</span><span style="font-weight:bold">option</span><span style="color:#2980b9">></span> 0234 <span style="color:#2980b9"><</span><span style="font-weight:bold">option</span><span style="color:#2980b9">></span>Windows<span style="color:#2980b9"></</span><span style="font-weight:bold">option</span><span style="color:#2980b9">></span> 0235 <span style="color:#2980b9"><</span><span style="font-weight:bold">option</span><span style="color:#2980b9">></span>macOS<span style="color:#2980b9"></</span><span style="font-weight:bold">option</span><span style="color:#2980b9">></span> 0236 <span style="color:#2980b9"></</span><span style="font-weight:bold">select</span><span style="color:#2980b9">></span> 0237 0238 <span style="color:#7a7c7d"><!-- Attribute without quotes --></span> 0239 0240 <span style="color:#2980b9"><</span><span style="font-weight:bold">div</span><span style="color:#27ae60"> id</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">name</span><span style="color:#27ae60"> class</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">a-sweet-block</span><span style="color:#27ae60"> data-counter</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">175</span><span style="color:#2980b9">></span>This is a div.<span style="color:#2980b9"></</span><span style="font-weight:bold">div</span><span style="color:#2980b9">></span> 0241 0242 <span style="color:#2980b9"><</span><span style="font-weight:bold">input</span><span style="color:#27ae60"> value</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">abc</span><span style="color:#f67400">&amp;</span><span style="color:#f44f4f">def/</span><span style="color:#2980b9">></span> 0243 0244 <span style="color:#2980b9"></</span><span style="font-weight:bold">body</span><span style="color:#2980b9">></span> 0245 0246 <span style="color:#2980b9"></</span><span style="font-weight:bold">html</span><span style="color:#2980b9">></span> 0247 </pre></body></html>