Demo

This page contains a collection of markdown entities to demo/test their rendering.

Admonitions

Note

Useful information that users should know, even when skimming content. This also has an amount of content which will need to spill onto a new line.

This note also has a link and a link with a title.

Tip

Helpful advice for doing things better or more easily.

Info

Key information users need to know to achieve their goal.

Warning

Urgent info that needs immediate user attention to avoid problems.

Danger

Advises about risks or negative outcomes of certain actions.

Custom Title

This is a note with a custom title.

Maps

One ([Open in Google Maps](https://maps.google.com/?q=-38.1066,176.2208))
One (Open in Google Maps)
(Maps & Data © OpenStreetMap.org contributors)
Start to End ([Open in Google Maps](https://www.google.com/maps/dir/?api=1&origin=-38.1383,176.2558&destination=-38.1066,176.2208))
Start to End (Open in Google Maps)
(Maps & Data © OpenStreetMap.org contributors)
First to Third, via Second ([Open in Google Maps](https://www.google.com/maps/dir/?api=1&origin=-36.9842,174.7837&destination=-38.1383,176.2558&waypoints=-37.9768,175.7560))
First to Third, via Second (Open in Google Maps)
(Maps & Data © OpenStreetMap.org contributors)
Heathrow to Dublin, via Manchester, and Glasgow ([Open in Google Maps](https://www.google.com/maps/dir/?api=1&origin=51.4700,-0.4543&destination=53.4264,-6.2493&waypoints=53.3654,-2.2721|55.8642,-4.2518))
Heathrow to Dublin, via Manchester, and Glasgow (Open in Google Maps)
(Maps & Data © OpenStreetMap.org contributors)
This is a custom caption for this great circle map ([Open in Google Maps](https://www.google.com/maps/dir/?api=1&origin=51.5074,-0.1278&destination=40.7128,-74.0060))
This is a custom caption for this great circle map (Open in Google Maps)
(Maps & Data © OpenStreetMap.org contributors)

Term

The term D&D and DM in some text.

The term LoTR in a link

Image Width

Full width image:

This is a full width image
This is a full width image

Half width image:

This is a half width image
This is a half width image

Code Blocks

With line numbering:

 1<!DOCTYPE html>
 2<html lang="en">
 3<head>
 4  <meta charset="utf-8">
 5  <title>Example HTML5 Document</title>
 6</head>
 7<body>
 8  <p>Test</p>
 9</body>
10</html>

With line highlight:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Example HTML5 Document</title>
</head>
<body>
  <p>Test</p>
</body>
</html>