I'm a paragraph!

This is the user sandbox of Chan887. A user sandbox is a subpage of the user's user page. It serves as a testing spot and page development space for the user and is not an encyclopedia article. Create or edit your own sandbox here.

Other sandboxes: Main sandbox | Template sandbox

Finished writing a draft article? Are you ready to request review of it by an experienced editor for possible inclusion in Wikipedia? Submit your draft for review!

Paragraph

Heading

Sub-heading 1

Sub-heading 2

Sub-heading 3

Sub-heading 4

Pre-formatted

Blockquote

Page title

Normal line

Example.com

Bold

Italics

Bold italics

Code

Code block:

<!DOCTYPE html>
<!-- This is a comment -->
<html dir="ltr" lang="en">
    <head>
        <script src="path/to/app.js"></script>
        <link rel="stylesheet" href="path/to/app.css">
        <style>
            .custom-class {
                background-color: yellow;
                color: black;
            }
            html {
                display: block;
            }
            /* This is another comment */
        </style>
        <base href="/">
    </head>
    <body>
        <h1>H1</h1>
        <h2>H2</h2>
        <h3>H3</h3>
        <h4>H4</h4>
        <h5>H5</h5>
        <h6>H6</h6>
        <p>p tag</p>
        <pre>
            <code>
                &lt;p&gt;Test content&lt;/p&gt;
            </code>
        </pre>
        <kbd>Cmd+A</kbd>
        <aside>Content</aside>
        <nav>Navigation</nav>
        <a href="https://www.example.com">Website</a>
        <img src="path/to/img.jpg">
        <article>Article</article>
        
        <marquee>Scroll content</marquee>
        <blockquote>Lorem ipsum dolor sit amet.</blockquote>
        <br>
        <button onclick="testFunc()">I'm a button</button>
        <form action="/path/to/result.php">
            <input id="input1">
            <label for="input1">Label</label>
            <input id="input2" type="password">
            <input id="input3" type="email">
            <input id="input4" type="color" value="#FFFFFF">
            <input id="input5" type="tel">
            <input id="input6" type="date">
            <input type="submit" value="Submit">
        </form>
        <!-- Depreceated HTML elements -->
        <blink>Test</blink>
        <script>
            window.onload = init;
            function init() {
                // code
                /*
                 Multiline comment
                */
                /**
                 * JSDoc
                 * @todo Wow
                 * @param Lorem ipsum
                 * @description Wowowwowo
                 */
                 console.log("Wow");
            }
            function testFunc() {
                console.log("Test");
            }
    </script>
    </body>
</html>

Typescript file:

import { Component, NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { MatButtonModule } from '@angular/material/button';
@Component({
    selector: 'app-root',
    templateUrl: './app.component.html'
})
export class AppComponent {
    var1 = "Hello ";
    var2 = "World!";
};

@NgModule([
    imports: [
        CommonModule,
        BrowserModule,
        BrowserAnimationsModule,
        MatButtonModule
    ]    
])
export class AppModule {}