Jump to content

User:Chan887/sandbox

From Wikipedia, the free encyclopedia

I'm a paragraph!

Paragraph

Heading

[edit]

Sub-heading 1

[edit]

Sub-heading 2

[edit]
Sub-heading 3
[edit]
Sub-heading 4
[edit]
Pre-formatted

Blockquote

Page title

[edit]

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 {}

NormalSuperscript

NormalSubscript

Strike-through

Underline

华文

Example.com (Cite)[1]

  • Bullet list
  • Another point
    • Indented point
  • Back to normal
  1. Numbered list
  2. Another number
    1. Sublist

lol( see it ) (template)

A table
1st row 2nd row 3rd row 4th row
6767 445 454 43233
675 897 231 212
76576 989 434324 7989

Bigger text

Default text

Small text

Gallery:

Special symbols: ≤Ǎ÷Ă

  1. ^ "Example Domain". www.example.com. Retrieved 2017-06-28.