HTML and markdown

17 Mar 2021

Line break

Use <p></p> to from a paragraph. And <br> as a break.

Title

# in markdown is equivalent to h1 in html.

Emphasis

Emphasis, aka italics, with *asterisks* or _underscores_.

Strong emphasis, aka bold, with **asterisks** or __underscores__.

Combined emphasis with **_asterisks and underscores_**.

Strikethrough uses two tildes. ~~Scratch this.~~
Example: Scratch this.

Nested Blockquotes

Add a >> in front of the paragraph you want to nest.
Example:

A

b

Code

Quote it using `code`. Like code.

Code Blocks

<html>
    <head>
        <title> Test </title>
    </head>

Horizontal Rules:

To create a horizontal rule, use three or more asterisks(***), dashes(---), or underscores(___) on a line by themselves. Like following:


You can optionally add a title for a link. This will appear as a tooltip when the user hovers over the link. To add a title, enclose it in parentheses after the URL.
Example: My favorite search engine is [Duck Duck Go](https://duckduckgo.com "The best search engine for privacy").

URLs and Email Addresses:

To quickly turn a URL or email address into a link, enclose it in angle brackets. Example: <https://www.markdownguide.org>

To emphasize links, add asterisks before and after the brackets and parentheses. To denote links as code, add backticks in the brackets.
Example:
I love supporting the EFF. This is the Markdown Guide. See the section on code.

The source code are:

I love supporting the **[EFF](https://eff.org)**. This is the *[Markdown Guide](https://www.markdownguide.org)*. See the section on [`code`](#code).

Linking Images

To add a link to an image, enclose the Markdown for the image in brackets, and then add the link in parentheses.

An old rock in the desert

Reference:

  1. Markdownguide
  2. Learn How to Write Markdown & LaTeX in The Jupyter Notebook