File indexing completed on 2024-05-12 04:02:11

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