Skip to content

Latest commit

 

History

History
311 lines (213 loc) · 6.49 KB

elements.md

File metadata and controls

311 lines (213 loc) · 6.49 KB

Headers h1/h2/h3/h4/h5/h6

h1

h2

h3

h4

h5
h6

Text i/b/code/s/mark/ins/sup/sub/abbr/kbd

Element MD Output HTML Output
italic *italic* italic <i> italic
bold **bold** bold <b> bold
code `code` code <code> code
strikethrough ~~strikethrough~~ strikethrough <s> strikethrough
mark ==mark== ==mark== <mark> mark
ins ++ins++ ++ins++ <ins> ins
sup ^sup^ a^sup^ <sup> asup
sub ~sub~ asub <sub> asub
abbr *[word]: Text word <abbr> abbr
kbd <kbd> kbd

*[word]: Text

Line Breaks br

Line 1 Line 2 Line 3

CJK: あおえ うい

Typography

  • ellipsis ...
  • single 'quotes'
  • double "quotes"
  • dash --
  • symbols (c) (C) (r) (R) (tm) (TM) +-

Blockquote blockquote

paragraph

paragraph

nested

block

quotes

Link a

List ul/ol/li

  • ul
    • ul
      • ul
  1. ol
  2. ol
  3. ol

Table table/thead/th/tbody/tr/td

default left centered right
default align left centered align right
default left align left left centered centered align right right
default align left centered align right

Definition List dl/dt/dd

Type : Extension

Name : Markdown Viewer

Type
Extension
Name
Markdown Viewer

Task List

  • task
  • task

Footnotes

Something something1

And something else2, and a link3

Image img

cat tied

cat walk

Code Block pre

fenced code block using backticks

var foo = 'syntax highlighting using Prism.js'
%% Diagrams using Mermaid.js %%

sequenceDiagram
  Alice->>+John: Hello John, how are you?
  Alice->>+John: John, can you hear me?
  John-->>-Alice: Hi Alice, I can hear you!
  John-->>-Alice: I feel great!
Loading

Emoji

😄

MathJax

$$ J(\theta) = - \frac{1}{m} \sum_{i=1}^m [ y^{(i)}\ \log (h_\theta (x^{(i)})) + (1 - y^{(i)})\ \log (1 - h_\theta(x^{(i)}))] + \frac{\lambda}{2m}\sum_{j=1}^n \theta_j^2 $$

MathML math

When a≠0 , there are two solutions to ax2 + bx + c = 0 and they are x = − b ± b2 − 4ac 2a .

Details details/summary

Open by Default
  • task
  • task
Click to Expand 
var code = 'block'

Inner Header

link

Custom Attributes

Check out this header id {#foo}

Styles

CSS

Underline

Link

Inline Code

  • regular

  • italic

  • bold • bold italic

Blockquotes

regular

italic

bold

code

code bold

code bold italic

Strikethrough

  • regular
  • italic
  • bold • bold italic
  • code • code italic • code bold italic

code bold italic

Example Text

Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.

The following is rendered as bold text.

The following is rendered as italicized text.

fenced code block using backticks

This is a blockquote Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

  • Nullam congue mollis metus
  • Donec massa sapien
  • Tristique ac metus sit amet
  1. Nullam congue mollis metus
  2. Donec massa sapien
  3. Tristique ac metus sit amet
Name Score Time
John 24 55s
Doe 1135 2m:15s
Duh 1 5s

Footnotes

  1. https://github.com/simov/markdown-viewer ↩

  2. This reference footnote contains a paragraph...

    • ...and a list
    ↩

  3. https://github.com/simov/markdown-viewer ↩