Typography

Markdown Guide

The Markdown Guide is a comprehensive Markdown reference designed for both novices and experts. It was born out of frustration with existing Markdown references that are incomplete and inadequate.

Links

https://www.markdownguide.org/
https://github.com/mattcone/markdown-guide
https://docs.github.com/en/get-started/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax
https://github.com/lifeparticle/Markdown-Cheatsheet

The Ultimate Markdown Cheat Sheet

Headings

# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 1

Heading 2

Text styles

Bold
**The quick brown fox jumps over the lazy dog.**
__The quick brown fox jumps over the lazy dog.__
<strong>The quick brown fox jumps over the lazy dog.</strong>
Italic
*The quick brown fox jumps over the lazy dog.*
_The quick brown fox jumps over the lazy dog._
<em>The quick brown fox jumps over the lazy dog.</em>
Bold and Italic
**_The quick brown fox jumps over the lazy dog._**
<strong><em>The quick brown fox jumps over the lazy dog.</em></strong>

The quick brown fox jumps over the lazy dog.

Bold

The quick brown fox jumps over the lazy dog.

Italic

The quick brown fox jumps over the lazy dog.

Bold and Italic

The quick brown fox jumps over the lazy dog.

Blockquotes

> The quick brown fox jumps over the lazy dog.
> The quick brown fox jumps over the lazy dog.
> 
> The quick brown fox jumps over the lazy dog.
> 
> The quick brown fox jumps over the lazy dog.
> The quick brown fox jumps over the lazy dog.
>> The quick brown fox jumps over the lazy dog.
>>> The quick brown fox jumps over the lazy dog.
> **The quick brown fox** *jumps over the lazy dog.*

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

Monospaced
<samp>The quick brown fox jumps over the lazy dog.</samp>

Underlined
<ins>The quick brown fox jumps over the lazy dog.</ins>

Strike-through
~~The quick brown fox jumps over the lazy dog.~~

Monospaced

The quick brown fox jumps over the lazy dog.

Underlined

The quick brown fox jumps over the lazy dog.

Strike-through

~~The quick brown fox jumps over the lazy dog.~~

Boxed
<table><tr><td>The quick brown fox jumps over the lazy dog.</td></tr></table>

Boxed

The quick brown fox jumps over the lazy dog.

2 <sup>53-1</sup> and -2 <sup>53-1</sup>

2 ^53-1 and -2 ^53-1

Subscript <sub>The quick brown fox jumps over the lazy dog.</sub>
Superscript <sup>The quick brown fox jumps over the lazy dog.</sup>

Subscript _{The quick brown fox jumps over the lazy dog.}

Superscript ^{The quick brown fox jumps over the lazy dog.}

Syntax Highlighting

A class method is an instance method of the class object. When a new class is created, an object of type Class is initialized and assigned to a global constant (Mobile in this case).

public static String monthNames[] = {"January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"};

public static String monthNames[] = {"January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"};

Alignments

<p align="left">
<img src="https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2772&q=80" width="100" height="100" border="10"/>
</p>

<p align="center">
<img src="https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2772&q=80" width="100" height="100" border="10"/>
</p>

<p align="right">
<img src="https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2772&q=80" width="100" height="100" border="10"/>
</p>

<h3 align="center"> My latest Medium posts </h3>

My latest Medium posts

Tables

<table>
<tr>
<td width="33%"">
The quick brown fox jumps over the lazy dog.
</td>
<td width="33%">
The quick brown fox jumps over the lazy dog.
</td>
<td width="33%">
The quick brown fox jumps over the lazy dog.
</td>
</tr>
</table>

The quick brown fox jumps over the lazy dog.

| Default | Left align | Center align | Right align |
| - | :- | :-: | -: |
| 9999999999 | 9999999999 | 9999999999 | 9999999999 |
| 999999999 | 999999999 | 999999999 | 999999999 |
| 99999999 | 99999999 | 99999999 | 99999999 |
| 9999999 | 9999999 | 9999999 | 9999999 |


| Default    | Left align | Center align | Right align |
| ---------- | :--------- | :----------: | ----------: |
| 9999999999 | 9999999999 | 9999999999   | 9999999999  |
| 999999999  | 999999999  | 999999999    | 999999999   |
| 99999999   | 99999999   | 99999999     | 99999999    |
| 9999999    | 9999999    | 9999999      | 9999999     |


Default    | Left align | Center align | Right align
---------- | :--------- | :----------: | ----------:
9999999999 | 9999999999 | 9999999999   | 9999999999 
999999999  | 999999999  | 999999999    | 999999999  
99999999   | 99999999   | 99999999     | 99999999   
9999999    | 9999999    | 9999999      | 9999999

Default	Left align	Center align	Right align
9999999999	9999999999	9999999999	9999999999
999999999	999999999	999999999	999999999
99999999	99999999	99999999	99999999
9999999	9999999	9999999	9999999

Default	Left align	Center align	Right align
9999999999	9999999999	9999999999	9999999999
999999999	999999999	999999999	999999999
99999999	99999999	99999999	99999999
9999999	9999999	9999999	9999999

Default	Left align	Center align	Right align
9999999999	9999999999	9999999999	9999999999
999999999	999999999	999999999	999999999
99999999	99999999	99999999	99999999
9999999	9999999	9999999	9999999

<table>
<tr>
<th>Heading 1</th>
<th>Heading 2</th>
</tr>
<tr>

<td>

| A | B | C |
|--|--|--|
| 1 | 2 | 3 |

</td><td>

| A | B | C |
|--|--|--|
| 1 | 2 | 3 |

</td></tr> </table>

Heading 1

Heading 2

A	B	C
1	2	3

A	B	C
1	2	3

| A | B | C |
|---|---|---|
| 1 | 2 | 3 <br/> 4 <br/> 5 |

A	B	C
1	2	3 4 5

<table>
<tr>
<th>Before Hoisting</th>
<th>After Hoisting</th>
</tr>
<tr>
<td>
<pre lang="js">
console.log(fullName); // undefined
fullName = "Dariana Trahan";
console.log(fullName); // Dariana Trahan
var fullName;
</pre>
</td>
<td>
<pre lang="js">
var fullName;
console.log(fullName); // undefined
fullName = "Dariana Trahan";
console.log(fullName); // Dariana Trahan
</pre>
</td>
</tr>
</table>

Before Hoisting

After Hoisting

console.log(fullName); // undefined
fullName = "Dariana Trahan";
console.log(fullName); // Dariana Trahan
var fullName;

var fullName;
console.log(fullName); // undefined
fullName = "Dariana Trahan";
console.log(fullName); // Dariana Trahan

Links

[The-Ultimate-Markdown-Cheat-Sheet](https://github.com/lifeparticle/Markdown-Cheatsheet)

The-Ultimate-Markdown-Cheat-Sheet

[The-Ultimate-Markdown-Cheat-Sheet][reference text]

[The-Ultimate-Markdown-Cheat-Sheet][1]

[Markdown-Cheat-Sheet]

[reference text]: https://github.com/lifeparticle/Markdown-Cheatsheet
[1]: https://github.com/lifeparticle/Markdown-Cheatsheet
[Markdown-Cheat-Sheet]: https://github.com/lifeparticle/Markdown-Cheatsheet

The-Ultimate-Markdown-Cheat-Sheet

Markdown-Cheat-Sheet

[Example of a relative link](rl.md)

Example of a relative link

Visit https://github.com/

Images

![alt text](https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=100&q=80)

![alt text][image]

[image]: https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=100&q=80

<img src="https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2772&q=80" width="100" height="100" border="10"/>

Lists

1. One
2. Two
3. Three

One
Two
Three

1. First level
    1. Second level
        - Third level
            - Fourth level
2. First level
    1. Second level
3. First level
    1. Second level

First level
1. Second level
  - Third level
    - Fourth level
First level
1. Second level
First level
1. Second level

* 1
* 2
* 3

+ 1
+ 2
+ 3


- 1
- 2
- 3

1
2
3

1
2
3

1
2
3

- First level
    - Second level
        - Third level
            - Fourth level
- First level
    - Second level
- First level
    - Second level

First level
- Second level
  - Third level
    - Fourth level
First level
- Second level
First level
- Second level

<ul>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
<li>Fourth item</li>
</ul>

First item
Second item
Third item
Fourth item

- [x] Fix Bug 223
- [ ] Add Feature 33
- [ ] Add unit tests

Fix Bug 223
Add Feature 33
Add unit tests

Horizontal Rule

---
***
___

Diagrams (19 July 2022)

pie
"Movies" : 80
"TV shows" : 20

pie
"Movies" : 80
"TV shows" : 20

Loading

Mathematical expressions (19 July 2022)

This is an inline math expression $x = {-b \pm \sqrt{b^2-4ac} \over 2a}$

This is an inline math expression $x = {-b \pm \sqrt{b^2-4ac} \over 2a}$

x = {-b \pm \sqrt{b^2-4ac} \over 2a}

$$ x = {-b \pm \sqrt{b^2-4ac} \over 2a} $$

Miscellaneous

*   Asterisk
\   Backslash
`   Backtick
{}  Curly braces
.   Dot
!   Exclamation mark
#   Hash symbol
-   Hyphen symbol
()  Parentheses
+   Plus symbol
[]  Square brackets
_   Underscore`

Asterisk \ Backslash ` Backtick {} Curly braces . Dot ! Exclamation mark

Hash symbol

Hyphen symbol () Parentheses

Plus symbol [] Square brackets _ Underscore

\*   Asterisk
\\   Backslash
\`   Backtick
\{}  Curly braces
\.   Dot
\!   Exclamation mark
\#   Hash symbol
\-   Hyphen symbol
\()  Parentheses
\+   Plus symbol
\[]  Square brackets
\_   Underscore

* Asterisk \ Backslash ` Backtick {} Curly braces . Dot ! Exclamation mark # Hash symbol - Hyphen symbol () Parentheses + Plus symbol [] Square brackets _ Underscore

:octocat:

#

Accordian

https://github.com/isaozler/docsify-accordion

+ Question 1? +

  Answer 1

+ Question 2? +

  Answer 2

Question 1? +

Answer 1
Question 2? +

Answer 2

Youtube Videos

https://github.com/codepo8/youtube-embed

[![HashiQube: A Development Lab Using All the HashiCorp Products](https://img.youtube.com/vi/6jGDAGWaFiw/maxresdefault.jpg)](https://www.youtube.com/watch?v=6jGDAGWaFiw)

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

README.md

README.md

Typography

Markdown Guide

Links

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 1

Heading 2

Text styles

Syntax Highlighting

Alignments

My latest Medium posts

Tables

Links

Images

Lists

Horizontal Rule

Diagrams (19 July 2022)

Mathematical expressions (19 July 2022)

Miscellaneous

Hash symbol

Accordian

Youtube Videos

Files

README.md

Latest commit

History

README.md

File metadata and controls

Typography

Markdown Guide

Links

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 1

Heading 2

Text styles

Syntax Highlighting

Alignments

My latest Medium posts

Tables

Links

Images

Lists

Horizontal Rule

Diagrams (19 July 2022)

Mathematical expressions (19 July 2022)

Miscellaneous

Hash symbol

Accordian

Youtube Videos