Styling for tables are optional, but Pure CSS is included so you can choose the styling preset you want Pure Tables or style it yourself.

Header 1	Header 2
Cell 1	Cell 2
Row 3: Cell 1	Cell 2

Unordered list

Item 1
Item 2
Item 3

'hr' - thematic change in the content Ordered list

Item 1
Item 2
Item 3

Description list

Coffee: Black hot drink
Milk: White cold drink

Function	Output	Reference
Bold/strong tex	Bold / Strong	'b', 'strong'
Italic/emphasized text	italic / emphasized	'i', 'em'
Hyperlink	Github Repo	'a'
Preformatted text	This is more than 1 space.	'pre'
Progress bar		'progress'
Short quotation	Quote	'q'
Strike through / deleted text	TypeOtter is ~~not~~ great ~~shit~~	's', 'del'
Underlined text	This is a parragraph	'u'
Superscripted text	E = mc²	'sup'
Subscripted text	H₂0	'sub'
Equations	\frac{1}{\displaystyle 1+ \frac{1}{\displaystyle 2+ \frac{1}{\displaystyle 3+x}}} + \frac{1}{1+\frac{1}{2+\frac{1}{3+x}}}	Section

Images can be made using 'img' tag

Attributes:

src : source of the image
width : width of image (px / % / cm / ...)
height : height of image (px / % / cm / ...)
caption : the caption for the image

Styling for inputs are optional, but Pure CSS is included so you can choose to use the styling preset if you want by applying a 'pure-form' class to your form Pure Forms or style it yourself. Check w3schools for reference on inputs.

Function	Output
Textarea
Textfield
Button
Checkbox
Datetime
Date
Email
Password
Number
Submit
Time
Radio buttons	Male Female Other
Select and options

Function	Output	Full reference
Greater than	>
Less than	<
Punctuation	‘ ’ ” „ ⁝ ‱ … • † – —	here
Currency	¢ £ ¥ €	here
Trademark	© ® ™
Math symbols (outside of equations)	∀ ∂ ∃ ∅ ∑	here
Greek Letters	Δ Ε Ω Σ γ	here
Arrows	← ↓ ↘ ↷	here
Miscellaneous symbols	☁ ☢ ☮ ♞	here
Geometric shapes	▨ ◈ ◲	here
Font Awesome icons		here

Ut sed pretium quam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vehicula massa eget congue commodo. Vestibulum nunc elit, gravida nec gravida nec, suscipit convallis lacus. Proin accumsan mauris at lectus viverra, eget dapibus arcu mollis. Fusce a tristique est. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed eget faucibus orci. Aenean sollicitudin at ipsum non ultricies. Duis laoreet pulvinar mi. Ut a quam eget elit pharetra tincidunt. Cras dignissim faucibus mauris sed pretium. Etiam condimentum neque ut suscipit viverra.