<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>This is a title</title> <style> /* comment */ #xyz { color: red; } h1 { font: "Comic Sans"; } </style> </head> <body class="ui main"> <p *ngFor="let name of names">Hello, {{ name }}!</p> </body> <!-- JavaScript code --> <script> document.body.appendChild(document.createTextNode('Hello World!')); // comment </script> <!-- TypeScript code --> <script type="text/typescript"> class Student { fullName: string; constructor(public firstName: string, public middleInitial: string, public lastName: string) { this.fullName = firstName + " " + middleInitial + " " + lastName; } } let a: null = null; let b: number = 12___3; </script> <!-- JSX code --> <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script> <script type="text/babel"> ReactDOM.render( <h1>Hello, world!</h1>, document.getElementById('root') ); function Story(props) { const SpecificStory = components[props.storyType]; return <SpecificStory story={ props.story } attr2="&ref;" attr3="Hello\n" />; } </script> <!-- MustacheJS --> <script type="x-tmpl-mustache"> {{#movie}} <div> <h1>{{title}}</h1> <img src="{{poster}}" alt="{{title}}"/> </div> <div> Rating - {{ratings.critics_rating}} </div> {{/movie}} {{^movie}} <div> Movie Does Not Exist :( </div> {{/movie}} {{! comment }} </script> <!-- HTML template --> <script type="text/html"> <li><a href="link">Hello</a></li> </script> </html>