Miscellaneous Markdown Syntax

Miscellaneous

Markdown Syntax

Examples of markdown and their result.


Headings

# h1 Heading
## h2 Heading
### h3 Heading
#### h4 Heading
#### h5 Heading
##### h6 Heading

h1 Heading

h2 Heading

h3 Heading

h4 Heading

h5 Heading
h6 Heading

Styling Text

This is **bold text** (or __bold text__)
This is *italic text* (or _italic text_)
This is ~strikethrough text~ (or ~~strikethrough text~~)
This is **_bold & italic text_**
This is <sub>subscript text</sub>
This is <sup>supercript text</sup>
This is <ins>underline text</ins>

This is bold text
This is italic text
This is strikethrough text
This is bold & italic text
This is subscript text
This is supercript text
This is underline text

This is an [internal link](/docs)
This is an [external link](https://sveldocs.com)

This is an internal link
This is an external link

Line Breaks

This is a\
line break

This is a
line break

Lists

Unordered List

- First
* Second
- Third
  • First
  • Second
  • Third

Ordered List

1. First
2. Second
3. Third
  1. First
  2. Second
  3. Third

Nested List

1. First
   - Second
     - Third
  1. First
    • Second
      • Third

Task List

- [x] Complete
- [ ] Pending
  • Complete
  • Pending

Quote Blocks

Quoting Text

> This is a quote block example

This a quote block example

Quoting Code

This is `quoted code`

This is quoted code

Quoting Code Blocks

This is a code block:
 
```ts
var str: string = 'hello world';
console.log(str);
```

This is a code block:

var str: string = 'hello world';
console.log(str);

Tables

| Left-aligned | Center-aligned | Right-aligned |
| :----------- | :------------: | ------------: |
| 1            |       2        |             3 |
| 4            |       5        |             6 |
Left-alignedCenter-alignedRight-aligned
123
456

Footnotes

Footnote[^first].
Footnote[^second].
[^first]: This links to the Footnote 1
[^second]: This links to the Footnote 2

Footnote1. Footnote2.

Alerts

Alerts are components to increase their customizability. View how to use them here.

<script lang="ts">
	import Alert from '$lib/components/ui/alert/alert.svelte'
</script>
 
<Alert type="note">This is a note alert.</Alert>
<Alert type="tip">This is a tip alert.</Alert>
<Alert type="warning">This is a warning alert.</Alert>
<Alert type="caution">This is a caution alert.</Alert>

Footnotes

  1. This links to the Footnote 1

  2. This links to the Footnote 2