How To Style The Post With PHP Markdown

ATX Heading

To add a heading, you just need to open with #. Get your heading text followed by “hash”. As we know, there are 1-6 heading HTML tags, So adding the number of “hashes” will do all.

# This is heading 1 H1
## This is heading 2 H2
### This is heading 3 H3
#### This is heading 4 H4
##### This is heading 5 H5
###### This is heading 6 H6

You can close the ATX-style header if you think it looks better.

If you would like to add a line just below the heading or just to separate the texts, use a horizontal line. Horizontal lines can be entered by using three hyphens or three asterisks.

---
***
- - -
* * *

Blockquotes

Markdown uses email-style > character for blockquote. Add the open angular bracket (greater than sign) on each line.

> This is the first line of the blockquote.
> Another line if you want it to display.
>
> More will goes here.

Blockquotes can be nested (i.e., a blockquote-in-a-blockquote) by adding additional levels of >:

> This is the first level of quoting.
>
> > This is nested blockquote.
>
> Back to the first level.

Blockquotes can contain other elements, including headers, lists, and code blocks. Normally, any decent text editor should make an email-style quote easy.

> ## This is header
>
> 1. This is the first list item.
> 2. This is the second list item.
>
>Example code:
>
>    return shell("echo input");

Lists

Markdown supports ordered (numbered) and unordered (bulleted) lists, for unordered lists, use hyphens, asterisks, and pluses.

- List 1
- List 2
- List 3

+ List 1
+ List 2
+ List 3

* List 1
* List 2
* List 3

Ordered lists use numbers followed by periods.

1. List 1
2. List 2
3. List 3

You will get the same result if you use the list like this:

1. List 1
1. List 2
1. List 3

or

3. List 1
5. List 2
11. List 3

Links

Markdown supports two styles of links: inline and reference.

To create an inline link: use a set of regular parentheses immediately after the line text’s closing square bracket. Inside the parentheses, put the URL where you want to link to, along with an optional title for the link, inside the double quotes.

This is [an example](http://example.com/ "Title") inline link.
[This link](http://example.net/) has no title attribute.

Emphasis

Markdown treats asterisks and underscores as indicators of emphasis. Wrapped the text to style it.

Single will give you italic and double give you bold style.

*italic text*
_italic text_
**strong text**
__strong text__

If you use the spaces before and after * and _ It will be treated as literal * asterisks and _ underscore.

Code

To indicate span or code, wrap it with a pair of backticks. Single and double do the same job. It is very helpful when you need to indicate a single backtick within a code span.

Please do not use `<a>` tag.

or

``echo $input;``

``Single backtick (`) inside a code span``

Image

Markdown uses the image syntax that is intended to resemble the syntax for links, allowing for two styles: inline and reference.

![Alt text](/path/to/img.jpg)
![Alt text](/path/to/img.jpg "Optional title")

Markdown to HTML converter

For various reasons, you may have felt the need to use an internet tool to swiftly convert the entire post into HTML during your daily content creation. For the time being, many AI content writers allow you to copy the text in markdown, so you may find it useful to have a tool that allows you to quickly paste lengthy posts, particularly when posting on WordPress or another blogging platform.