feat: add missing KF6 framework recipes
This commit is contained in:
@@ -0,0 +1,247 @@
|
||||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
||||
<title>test.htm</title>
|
||||
<meta name="generator" content="KF5::SyntaxHighlighting - Definition (HTML) - Theme (Breeze Light)"/>
|
||||
</head><body style="background-color:#ffffff;color:#1f1c1b"><pre>
|
||||
<span style="color:#0057ae;font-weight:bold"><!DOCTYPE</span> HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"<span style="color:#0057ae;font-weight:bold">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">html</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">head</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">title</span><span style="color:#0057ae">></span>This is a title<span style="color:#0057ae"></</span><span style="font-weight:bold">title</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">style</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#898887">/* comment */</span>
|
||||
<span style="color:#006e28;font-weight:bold">#xyz</span> { <span style="font-weight:bold">color</span><span style="color:#924c9d">:</span> <span style="color:#aa5500">red</span><span style="color:#ca60ca">;</span> }
|
||||
h1 { <span style="font-weight:bold">font</span><span style="color:#924c9d">:</span> <span style="color:#bf0303">"Comic Sans"</span><span style="color:#ca60ca">;</span> }
|
||||
<span style="color:#0057ae"></</span><span style="font-weight:bold">style</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"></</span><span style="font-weight:bold">head</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">body</span><span style="color:#006e28"> class</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"ui main"</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">p</span><span style="color:#006e28"> *ngFor</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"let name of names"</span><span style="color:#0057ae">></span>Hello, {{ name }}!<span style="color:#0057ae"></</span><span style="font-weight:bold">p</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"></</span><span style="font-weight:bold">body</span><span style="color:#0057ae">></span>
|
||||
|
||||
<span style="color:#898887"><!-- JavaScript code --></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">script</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#644a9b;font-weight:bold">document</span><span style="color:#ca60ca">.</span><span style="color:#0057ae;font-style:italic">body</span><span style="color:#ca60ca">.</span><span style="color:#644a9b;font-style:italic">appendChild</span>(<span style="color:#644a9b;font-weight:bold">document</span><span style="color:#ca60ca">.</span><span style="color:#644a9b;font-style:italic">createTextNode</span>(<span style="color:#bf0303">'Hello World!'</span>))<span style="color:#ca60ca">;</span> <span style="color:#898887">// comment</span>
|
||||
<span style="color:#0057ae"></</span><span style="font-weight:bold">script</span><span style="color:#0057ae">></span>
|
||||
|
||||
<span style="color:#898887"><!-- TypeScript code --></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">script</span><span style="color:#006e28"> type=</span><span style="color:#bf0303">"text/typescript"</span><span style="color:#0057ae">></span>
|
||||
<span style="font-weight:bold;font-style:italic">class</span> Student {
|
||||
fullName<span style="color:#ca60ca">:</span> <span style="color:#0057ae">string</span><span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold;font-style:italic">constructor</span>(<span style="font-weight:bold;font-style:italic">public</span> firstName<span style="color:#ca60ca">:</span> <span style="color:#0057ae">string</span><span style="color:#ca60ca">,</span> <span style="font-weight:bold;font-style:italic">public</span> middleInitial<span style="color:#ca60ca">:</span> <span style="color:#0057ae">string</span><span style="color:#ca60ca">,</span> <span style="font-weight:bold;font-style:italic">public</span> lastName<span style="color:#ca60ca">:</span> <span style="color:#0057ae">string</span>) {
|
||||
<span style="font-weight:bold">this</span><span style="color:#ca60ca">.</span><span style="color:#0057ae">fullName</span> <span style="color:#ca60ca">=</span> firstName <span style="color:#ca60ca">+</span> <span style="color:#bf0303">" "</span> <span style="color:#ca60ca">+</span> middleInitial <span style="color:#ca60ca">+</span> <span style="color:#bf0303">" "</span> <span style="color:#ca60ca">+</span> lastName<span style="color:#ca60ca">;</span>
|
||||
}
|
||||
}
|
||||
<span style="font-weight:bold;font-style:italic">let</span> a<span style="color:#ca60ca">:</span> <span style="color:#0057ae">null</span> <span style="color:#ca60ca">=</span> <span style="font-weight:bold">null</span><span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold;font-style:italic">let</span> b<span style="color:#ca60ca">:</span> <span style="color:#0057ae">number</span> <span style="color:#ca60ca">=</span> <span style="color:#b08000">12_3</span><span style="color:#ca60ca">;</span>
|
||||
<span style="color:#0057ae"></</span><span style="font-weight:bold">script</span><span style="color:#0057ae">></span>
|
||||
|
||||
<span style="color:#898887"><!-- JSX code --></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">script</span><span style="color:#006e28"> src</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"https://unpkg.com/babel-standalone@6/babel.min.js"</span><span style="color:#0057ae">></</span><span style="font-weight:bold">script</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">script</span><span style="color:#006e28"> type=</span><span style="color:#bf0303">"text/babel"</span><span style="color:#0057ae">></span>
|
||||
ReactDOM<span style="color:#ca60ca">.</span><span style="color:#644a9b">render</span>(
|
||||
<span style="font-weight:bold"><h1></span>Hello, world!<span style="font-weight:bold"></h1></span><span style="color:#ca60ca">,</span>
|
||||
<span style="color:#644a9b;font-weight:bold">document</span><span style="color:#ca60ca">.</span><span style="color:#644a9b;font-style:italic">getElementById</span>(<span style="color:#bf0303">'root'</span>)
|
||||
)<span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold">function</span> <span style="color:#644a9b">Story</span>(props) {
|
||||
<span style="font-weight:bold">const</span> SpecificStory <span style="color:#ca60ca">=</span> components[props<span style="color:#ca60ca">.</span><span style="color:#0057ae">storyType</span>]<span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold">return </span><span style="color:#644a9b;font-weight:bold"><SpecificStory</span> <span style="color:#006e28">story</span><span style="color:#ca60ca">=</span><span style="color:#0057ae">{</span> props<span style="color:#ca60ca">.</span><span style="color:#0057ae">story</span> <span style="color:#0057ae">}</span> <span style="color:#006e28">attr2</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"</span><span style="color:#b08000">&ref;</span><span style="color:#bf0303">"</span> <span style="color:#006e28">attr3</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"Hello\n"</span> <span style="color:#644a9b;font-weight:bold">/></span><span style="color:#ca60ca">;</span>
|
||||
}
|
||||
<span style="color:#0057ae"></</span><span style="font-weight:bold">script</span><span style="color:#0057ae">></span>
|
||||
|
||||
<span style="color:#898887"><!-- Mustache/Handlebars --></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">script</span><span style="color:#006e28"> type=</span><span style="color:#bf0303">"x-tmpl-mustache"</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#644a9b;font-weight:bold">{{#movie}}</span>
|
||||
<span style="font-weight:bold"><div></span>
|
||||
<span style="font-weight:bold"><h1></span><span style="color:#0057ae">{{</span>title<span style="color:#0057ae">}}</span><span style="font-weight:bold"></h1></span>
|
||||
<span style="font-weight:bold"><img</span><span style="color:#006e28"> src</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"</span><span style="color:#0057ae">{{</span>poster<span style="color:#0057ae">}}</span><span style="color:#bf0303">"</span><span style="color:#006e28"> alt</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"</span><span style="color:#0057ae">{{</span>title<span style="color:#0057ae">}}</span><span style="color:#bf0303">"</span><span style="font-weight:bold">/></span>
|
||||
<span style="font-weight:bold"></div></span>
|
||||
<span style="font-weight:bold"><div></span>
|
||||
Rating - <span style="color:#0057ae">{{</span>ratings<span style="color:#ca60ca">.</span>critics_rating<span style="color:#0057ae">}}</span>
|
||||
<span style="font-weight:bold"></div></span>
|
||||
<span style="color:#644a9b;font-weight:bold">{{/movie}}</span>
|
||||
<span style="color:#644a9b;font-weight:bold">{{^movie}}</span>
|
||||
<span style="font-weight:bold"><div></span>
|
||||
Movie Does Not Exist :(
|
||||
<span style="font-weight:bold"></div></span>
|
||||
<span style="color:#644a9b;font-weight:bold">{{/movie}}</span>
|
||||
<span style="color:#898887">{{! comment }}</span>
|
||||
<span style="color:#0057ae"></</span><span style="font-weight:bold">script</span><span style="color:#0057ae">></span>
|
||||
|
||||
<span style="color:#898887"><!-- HTML template --></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">script</span><span style="color:#006e28"> type=</span><span style="color:#bf0303">"text/html"</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">li</span><span style="color:#0057ae">><</span><span style="font-weight:bold">a</span><span style="color:#006e28"> href</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"link"</span><span style="color:#0057ae">></span>Hello<span style="color:#0057ae"></</span><span style="font-weight:bold">a</span><span style="color:#0057ae">></</span><span style="font-weight:bold">li</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"></</span><span style="font-weight:bold">script</span><span style="color:#0057ae">></span>
|
||||
|
||||
<span style="color:#898887"><!-- Close the block correctly after "?" in the JavaScript highlighter --></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">script</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#ca60ca">?</span>
|
||||
<span style="color:#0057ae"></</span><span style="font-weight:bold">script</span><span style="color:#0057ae">></span>
|
||||
|
||||
<span style="color:#0057ae"></</span><span style="font-weight:bold">html</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#898887"><!--</span>
|
||||
|
||||
<span style="color:#898887">HTML Syntax Highlight Sample File (Standard)</span>
|
||||
|
||||
<span style="color:#898887">- Follow HTML5 standard.</span>
|
||||
<span style="color:#898887">- Contain some valid, but not recommended syntax.</span>
|
||||
<span style="color:#898887">- Can be rendered by modern web browsers.</span>
|
||||
|
||||
<span style="color:#898887">@author Guo Yunhe guoyunhebrave@gmail.com</span>
|
||||
<span style="color:#898887">@date 2016-09-17</span>
|
||||
|
||||
<span style="color:#898887">--></span>
|
||||
|
||||
<span style="color:#0057ae;font-weight:bold"><!DOCTYPE</span> html<span style="color:#0057ae;font-weight:bold">></span>
|
||||
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">html</span><span style="color:#0057ae">></span>
|
||||
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">head</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">meta</span><span style="color:#006e28"> charset</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"utf-8"</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">title</span><span style="color:#0057ae">></span>HTML Syntax Highlight Sample File (Standard)<span style="color:#0057ae"></</span><span style="font-weight:bold">title</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">link</span><span style="color:#006e28"> rel</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"stylesheet"</span><span style="color:#006e28"> href</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"</span><span style="color:#006e28"> integrity</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"</span><span style="color:#006e28"> crossorigin</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"anonymous"</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">link</span><span style="color:#006e28"> rel</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"stylesheet"</span><span style="color:#006e28"> href</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"</span><span style="color:#006e28"> integrity</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp"</span><span style="color:#006e28"> crossorigin</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"anonymous"</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">script</span><span style="color:#006e28"> src</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"</span><span style="color:#006e28"> integrity</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"</span><span style="color:#006e28"> crossorigin</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"anonymous"</span><span style="color:#0057ae">></</span><span style="font-weight:bold">script</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"></</span><span style="font-weight:bold">head</span><span style="color:#0057ae">></span>
|
||||
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">body</span><span style="color:#0057ae">></span>
|
||||
|
||||
<span style="color:#898887"><!-- HTML5 defined elements --></span>
|
||||
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">div</span><span style="color:#0057ae">></span>
|
||||
This is a div. <span style="color:#0057ae"><</span><span style="font-weight:bold">span</span><span style="color:#0057ae">></span>This is a span<span style="color:#0057ae"></</span><span style="font-weight:bold">span</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">div</span><span style="color:#0057ae">></span>
|
||||
This is a div.
|
||||
<span style="color:#0057ae"></</span><span style="font-weight:bold">div</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"></</span><span style="font-weight:bold">div</span><span style="color:#0057ae">></span>
|
||||
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">p</span><span style="color:#0057ae">></span>
|
||||
This is a paragraph. <span style="color:#0057ae"><</span><span style="font-weight:bold">em</span><span style="color:#0057ae">></</span><span style="font-weight:bold">em</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"></</span><span style="font-weight:bold">p</span><span style="color:#0057ae">></span>
|
||||
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">h1</span><span style="color:#0057ae">></span>This is heading 1<span style="color:#0057ae"></</span><span style="font-weight:bold">h1</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">h2</span><span style="color:#0057ae">></span>This is heading 2<span style="color:#0057ae"></</span><span style="font-weight:bold">h2</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">h3</span><span style="color:#0057ae">></span>This is heading 3<span style="color:#0057ae"></</span><span style="font-weight:bold">h3</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">h4</span><span style="color:#0057ae">></span>This is heading 4<span style="color:#0057ae"></</span><span style="font-weight:bold">h4</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">h5</span><span style="color:#0057ae">></span>This is heading 5<span style="color:#0057ae"></</span><span style="font-weight:bold">h5</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">h6</span><span style="color:#0057ae">></span>This is heading 6<span style="color:#0057ae"></</span><span style="font-weight:bold">h6</span><span style="color:#0057ae">></span>
|
||||
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">a</span><span style="color:#006e28"> href</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"http://www.w3schools.com"</span><span style="color:#0057ae">></span>This is a link<span style="color:#0057ae"></</span><span style="font-weight:bold">a</span><span style="color:#0057ae">></span>
|
||||
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">br</span><span style="color:#0057ae">></span>
|
||||
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">img</span><span style="color:#006e28"> src</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"http://placehold.it/200x150"</span><span style="color:#006e28"> alt</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"This is an image"</span><span style="color:#006e28"> width</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"200"</span><span style="color:#006e28"> height</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"150"</span><span style="color:#0057ae">></span>
|
||||
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">hr</span><span style="color:#0057ae">></span>
|
||||
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">ul</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">li</span><span style="color:#0057ae">></span>List item<span style="color:#0057ae"></</span><span style="font-weight:bold">li</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">li</span><span style="color:#0057ae">></span>List item<span style="color:#0057ae"></</span><span style="font-weight:bold">li</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">li</span><span style="color:#0057ae">></span>List item<span style="color:#0057ae"></</span><span style="font-weight:bold">li</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">li</span><span style="color:#0057ae">></span>List item<span style="color:#0057ae"></</span><span style="font-weight:bold">li</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">li</span><span style="color:#0057ae">></span>List item<span style="color:#0057ae"></</span><span style="font-weight:bold">li</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"></</span><span style="font-weight:bold">ul</span><span style="color:#0057ae">></span>
|
||||
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">ol</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">li</span><span style="color:#0057ae">></span>List item<span style="color:#0057ae"></</span><span style="font-weight:bold">li</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">li</span><span style="color:#0057ae">></span>List item<span style="color:#0057ae"></</span><span style="font-weight:bold">li</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">li</span><span style="color:#0057ae">></span>List item<span style="color:#0057ae"></</span><span style="font-weight:bold">li</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">li</span><span style="color:#0057ae">></span>List item<span style="color:#0057ae"></</span><span style="font-weight:bold">li</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">li</span><span style="color:#0057ae">></span>List item<span style="color:#0057ae"></</span><span style="font-weight:bold">li</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"></</span><span style="font-weight:bold">ol</span><span style="color:#0057ae">></span>
|
||||
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">table</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">tr</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">th</span><span style="color:#0057ae">></span>Table head<span style="color:#0057ae"></</span><span style="font-weight:bold">th</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">th</span><span style="color:#0057ae">></span>Table head<span style="color:#0057ae"></</span><span style="font-weight:bold">th</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">th</span><span style="color:#0057ae">></span>Table head<span style="color:#0057ae"></</span><span style="font-weight:bold">th</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"></</span><span style="font-weight:bold">tr</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">tr</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">td</span><span style="color:#0057ae">></span>Table head<span style="color:#0057ae"></</span><span style="font-weight:bold">td</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">td</span><span style="color:#0057ae">></span>Table head<span style="color:#0057ae"></</span><span style="font-weight:bold">td</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">td</span><span style="color:#0057ae">></span>Table head<span style="color:#0057ae"></</span><span style="font-weight:bold">td</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"></</span><span style="font-weight:bold">tr</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"></</span><span style="font-weight:bold">table</span><span style="color:#0057ae">></span>
|
||||
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">form</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">input</span><span style="color:#006e28"> type</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"email"</span><span style="color:#006e28"> name</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"author"</span><span style="color:#0057ae">/></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">input</span><span style="color:#006e28"> type</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"text"</span><span style="color:#006e28"> name</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"message"</span><span style="color:#0057ae">/></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">button</span><span style="color:#006e28"> type</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"button"</span><span style="color:#0057ae">></span>Send<span style="color:#0057ae"></</span><span style="font-weight:bold">button</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"></</span><span style="font-weight:bold">form</span><span style="color:#0057ae">></span>
|
||||
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">main</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">header</span><span style="color:#0057ae">></span>This is a header.<span style="color:#0057ae"></</span><span style="font-weight:bold">header</span><span style="color:#0057ae">></span>
|
||||
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">nav</span><span style="color:#0057ae">></span>This is a nav.<span style="color:#0057ae"></</span><span style="font-weight:bold">nav</span><span style="color:#0057ae">></span>
|
||||
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">article</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">h2</span><span style="color:#0057ae">></span>This is an article.<span style="color:#0057ae"></</span><span style="font-weight:bold">h2</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">p</span><span style="color:#0057ae">></span>This is an article.<span style="color:#0057ae"></</span><span style="font-weight:bold">p</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"></</span><span style="font-weight:bold">article</span><span style="color:#0057ae">></span>
|
||||
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">aside</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">h2</span><span style="color:#0057ae">></span>This is an aside.<span style="color:#0057ae"></</span><span style="font-weight:bold">h2</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"></</span><span style="font-weight:bold">aside</span><span style="color:#0057ae">></span>
|
||||
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">footer</span><span style="color:#0057ae">></</span><span style="font-weight:bold">footer</span><span style="color:#0057ae">></span>
|
||||
|
||||
<span style="color:#0057ae"></</span><span style="font-weight:bold">main</span><span style="color:#0057ae">></span>
|
||||
|
||||
<span style="color:#898887"><!-- Custom elements --></span>
|
||||
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">booklist</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">book</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">booktitle</span><span style="color:#0057ae">></span>Just For Fun: The Story of an Accidental Revolutionary<span style="color:#0057ae"></</span><span style="font-weight:bold">booktitle</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">author</span><span style="color:#0057ae">></span>Linus Torvalds<span style="color:#0057ae"></</span><span style="font-weight:bold">author</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">description</span>
|
||||
<span style="color:#006e28"> class</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"featured"</span><span style="color:#006e28"> title</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"Click to read full text..."</span><span style="color:#0057ae">></span>
|
||||
A humorous autobiography of Linus Torvalds, the creator of the Linux
|
||||
kernel, co-written with David Diamond. The book primarily theorizes
|
||||
the Law of Linus that all evolution contributed by humanity starts
|
||||
for survival, sustains socially and entertains at last. As well as
|
||||
this the book explains Torvalds' view of himself, the free software
|
||||
movement and the development of Linux.<span style="color:#0057ae"></</span><span style="font-weight:bold">description</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"></</span><span style="font-weight:bold">book</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"></</span><span style="font-weight:bold">booklist</span><span style="color:#0057ae">></span>
|
||||
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">large-space</span><span style="color:#0057ae">/></span>
|
||||
|
||||
<span style="color:#898887"><!-- Ends for single tag elements --></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">br</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">br</span><span style="color:#0057ae">/></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">br</span><span style="color:#006e28"> </span><span style="color:#0057ae">/></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">br</span><span style="color:#0057ae">></</span><span style="font-weight:bold">br</span><span style="color:#0057ae">></span>
|
||||
|
||||
<span style="color:#898887"><!-- Uppercase elements --></span>
|
||||
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">DIV</span><span style="color:#0057ae">></span>
|
||||
THIS IS A DIV.
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">P</span><span style="color:#0057ae">></span>THIS IS A PARAGRAPH.<span style="color:#0057ae"></</span><span style="font-weight:bold">P</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">H2</span><span style="color:#0057ae">></span>THIS IS A HEADING.<span style="color:#0057ae"></</span><span style="font-weight:bold">H2</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"></</span><span style="font-weight:bold">DIV</span><span style="color:#0057ae">></span>
|
||||
|
||||
<span style="color:#898887"><!-- Arrtibutes --></span>
|
||||
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">a</span><span style="color:#006e28"> href</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"#"</span><span style="color:#006e28"> style</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"background-color:rgba(0,0,0,0.3)"</span><span style="color:#006e28"> title</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"Click me"</span><span style="color:#0057ae">></span>Magic button<span style="color:#0057ae"></</span><span style="font-weight:bold">a</span><span style="color:#0057ae">></span>
|
||||
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">img</span><span style="color:#006e28"> src</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"http://placehold.it/200x150"</span><span style="color:#006e28"> alt</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"This is an image"</span><span style="color:#006e28"> width</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"200"</span>
|
||||
<span style="color:#006e28"> height</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"150"</span><span style="color:#006e28"> title</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"This is an image"</span><span style="color:#0057ae">></span>
|
||||
|
||||
<span style="color:#898887"><!-- Attribute without value --></span>
|
||||
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">select</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">option</span><span style="color:#006e28"> selected</span><span style="color:#0057ae">></span>GNU/Linux<span style="color:#0057ae"></</span><span style="font-weight:bold">option</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">option</span><span style="color:#0057ae">></span>BSD<span style="color:#0057ae"></</span><span style="font-weight:bold">option</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">option</span><span style="color:#0057ae">></span>Windows<span style="color:#0057ae"></</span><span style="font-weight:bold">option</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">option</span><span style="color:#0057ae">></span>macOS<span style="color:#0057ae"></</span><span style="font-weight:bold">option</span><span style="color:#0057ae">></span>
|
||||
<span style="color:#0057ae"></</span><span style="font-weight:bold">select</span><span style="color:#0057ae">></span>
|
||||
|
||||
<span style="color:#898887"><!-- Attribute without quotes --></span>
|
||||
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">div</span><span style="color:#006e28"> id</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">name</span><span style="color:#006e28"> class</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">a-sweet-block</span><span style="color:#006e28"> data-counter</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">175</span><span style="color:#0057ae">></span>This is a div.<span style="color:#0057ae"></</span><span style="font-weight:bold">div</span><span style="color:#0057ae">></span>
|
||||
|
||||
<span style="color:#0057ae"><</span><span style="font-weight:bold">input</span><span style="color:#006e28"> value</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">abc</span><span style="color:#b08000">&amp;</span><span style="color:#bf0303">def/</span><span style="color:#0057ae">></span>
|
||||
|
||||
<span style="color:#0057ae"></</span><span style="font-weight:bold">body</span><span style="color:#0057ae">></span>
|
||||
|
||||
<span style="color:#0057ae"></</span><span style="font-weight:bold">html</span><span style="color:#0057ae">></span>
|
||||
</pre></body></html>
|
||||
Reference in New Issue
Block a user