Markdown test page

· html, css, markdown
Photo by Dan Dimmock on Unsplash

Headings

Let’s start with all possible headings. The HTML <h1>…<h6> elements represent six levels of section headings. <h1> is the highest section level and <h6> is the lowest.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Alternate Markdown syntax for h1 and h2

Heading 1 Alt

Heading 2 Alt

Horizontal Rule

Paragraph

According to the HTML5 specification by W3C, HTML documents consist of a tree of elements and text. Each element is denoted in the source by a start tag, such as <body>, and an end tag, such as </body>. (Certain start tags and end tags can in certain cases be omitted and are implied by other tags.)

Italics are also possible using underbars or using single asterisk

Blank lines separate paragraphs. So, this should be in the same paragraph with no line break.

But if we end in two spaces we get a line break
New line but same paragraph.

List Types

Ordered List

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

Unordered List

  • List item
  • Another item
  • And another item

Nested list

  1. Nested unordered list
    • Something
    • Something else
  2. Nested ordered list
    1. first item
    2. second item
    • unordered in the midst of ordered. Note that numbering will not work.
    1. Multilines work as long as the indention is mantained.
      :set autoident is helpful in vim.

Raw HTML List

  • First item
  • Second item
    • Second item First subitem
    • Second item second subitem
      • Second item Second subitem First sub-subitem
      • Second item Second subitem Second sub-subitem
      • Second item Second subitem Third sub-subitem
    • Second item Third subitem
      1. Second item Third subitem First sub-subitem
      2. Second item Third subitem Second sub-subitem
      3. Second item Third subitem Third sub-subitem
  • Third item

Definition List

Markdown definition list

Blanco tequila
The purest form of the blue agave spirit…
Resposado tequila
Typically aged in wooden barrels for between two and eleven months…

HTML definition lists.

Blanco tequila
The purest form of the blue agave spirit...
Reposado tequila
Typically aged in wooden barrels for between two and eleven months...

Blockquotes

The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a footer or cite element, and optionally with in-line changes such as annotations and abbreviations.

Quoted text. This line is part of the same quote. Also you can put Markdown into a blockquote.

Blockquote with a citation.

My goal wasn't to make a ton of money. It was to build good computers. I only started the company when I realized I could be an engineer forever.

Steve Wozniak

According to Mozilla’s website, Firefox 1.0 was released in 2004 and became a big success.

Tables

Tables aren’t part of the core Markdown spec, but Hugo supports them.

IDMakeModelYear
1HondaAccord2009
2ToyotaCamry2012
3HyundaiElantra2010

Colons can be used to align columns.

TablesAreCool
align: leftalign: centeralign: right
align: leftalign: centeralign: right
align: leftalign: centeralign: right

You can also use inline Markdown.

InlineMarkdownInTable
italicsboldstrikethroughcode

Code

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

Highlighted Code

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

Other stuff abbr, sub, sup, kbd, etc.

GIF is a bitmap image format.
H2O
C6H12O6
Xn + Yn = Zn
Press X to win. Or press CTRL+ALT+F to show FPS counter.
As a unit of information in information theory, the bit has alternatively been called a shannon, named after Claude Shannon, the founder of field of information theory.