suseona.com
omor11

Use Markdown code to enhance the visual appeal for the reader

2025-03-16T09:27:57
Made by me using canva
What is Markdown: While writing any article, various markdowns are used to make the post look attractive. Markdown basically uses many codes, including italic text, bold text, and image code. Article writing can keep your post creative, but without Markdown code, the post will not look beautiful in any way.
If you are a good author but do not use Markdown code, then your post will not be easy to understand by the readers. Besides, it may look messy to the readers, which may annoy the readers. For this, use the Markdown code in the post. Markdown code makes the most beautiful.
I will show you how to use the code in a very simple way. A lot has been said, now see the Markdown code.
To straighten the paragraph lines of the post:
<div class ="text-justify">
Use this code.
Input:
<div class ="text-justify">
While writing any article, various markdowns are used to make the post look attractive. Markdown is basically a code that uses italic text, bold text, image code, and many other codes. Article writing can keep your post creative, but without Markdown code, the post will not look good at all. 
</div>
Output:
While writing any article, various markdowns are used to make the post look attractive. Markdown is basically a code that uses italic text, bold text, image code, and many other codes. Article writing can keep your post creative, but without Markdown code, the post will not look good at all.

```
......
``` The code is used to straighten the para lines.
Use this code to write in paragraphs within a post.
Input:
<p>While writing any article, various markdowns are used to make the post look attractive.</p>
<p>Markdown basically uses many codes, including italic text, bold text, and image code.</p>
Output:

While writing any article, various markdowns are used to make the post look attractive.

Markdown basically uses many codes, including italic text, bold text, and image code.

<p>.....</p> Use code৷
Use this code to make any text headline. This headline code works in 6 ways. Given below.
Input:
# Use this code
## Use this code
### Use this code
#### Use this code
##### Use this code
###### Use this code
Output :

Use this code

Use this code

Use this code

Use this code

Use this code
Use this code
To use this code, you need to use # space. Use it before the line of text you want to make a headline. Also, use a space after #. Use the # symbol 1 to 6 times to make the headline smaller or larger.
Use this code to bold any text.
Input:
Use <b>Markdown</b> or **Markdown** to enhance the visual appeal for the reader
Output :
Use Markdown or Markdown code to enhance the visual appeal for the reader
<b>......</b> **.....*** Use this code to bold any text within or around this code.
The Strong tag is used exactly like the bold tag. However, there is a small difference, the bold tag is used to draw the reader's attention. The strong quote is used to highlight important lines.
Input:
<strong>Use Markdown code to enhance the visual appeal for the reader</strong>
Output:
Use Markdown code to enhance the visual appeal for the reader
<strong>.....</strong> The code is used to make important lines.
Use the code to cut and paste any text.
Input:
~~Use Markdown code to enhance the visual appeal for the reader~~
Output:
Use Markdown code to enhance the visual appeal for the reader
~~......~~ Use this code to cut any line or special text.
Use this code to write paragraphs or create line breaks.
Input:
While writing any article, various markdowns are used to make the post look attractive.<br>
Markdown basically uses many codes, including italic text, bold text, and image code.
Output:
While writing any article, various markdowns are used to make the post look attractive.

Markdown basically uses many codes, including italic text, bold text, and image code.
<br> Use the code to break lines. To write in any line or paragraph format.
Use this code to italicize or underline any text.
Input:
Use <i>Markdown code to enhance</i> the visual appeal for the reader
Output:
Use Markdown code to enhance the visual appeal for the reader
<i>......</i> Use it to write code with line Curved .
Use this code to center any text.
Input :
<center>Markdown Code</center>
Output:
Markdown Code
<center>.....</center> Use this code to insert text.
Use this code to shorten any text or line.
Input:
<sub>Use Markdown code to enhance the visual appeal for the reader</sub>
<sub><sub>Use Markdown code to enhance the visual appeal for the reader</sub></sub>
Output :
Use Markdown code to enhance the visual appeal for the reader
Use Markdown code to enhance the visual appeal for the reader
<sub>...</sub> <sub><sub>.....</sub></sub> Use the code to make the text smaller, use it twice to make it even smaller.
Use the code to draw a line under text or anywhere else.
Input :
Use Markdown code to enhance the visual appeal for the reader
***
Output :
Use Markdown code to enhance the visual appeal for the reader
*** Using this symbol will draw any line.
Use the code to make any text visible.
Input:
Use this code to bold any text within or around this code
Or 
```Use this code to bold any text within or around this code```
Output: 
Use this code to bold any text within
or around this code
Use this code to bold any text within or around this code
```.....```
Or
4 space If you use 4 spaces at the beginning of any text, that line will be shown as code or visible.
Use the code to write any word below any text on the same line.
Input :
H<sub>2</sub>O
Output:
H2O
...<sub>...</sub>... The code is used to write any text down on the same line.
Use the code to write a word above any text on the same line.
Input:
10<sup>2</sup> = 100
Output:
102 = 100
...<sup>....</sup> Use the code to write the same line of text upwards.
Note this code to create the table
Input:
| 1 | 2 | 3 |
|--|--|--|
| 1 | 2 | 3 |
| 4 | 5 | 6 |
Output:
| 1 | 2 | 3 |
|--|--|--|
| 1 | 2 | 3 | You can easily create a table using this code. Just enter your text in the number space. Also, to add more cells, just use |...| this symbol. Using this symbol below will create multiple tables as shown below, but the next cell must be kept the same.
Use to create unnumbered lists.
Input:
- List 1
- Lisit 2
- List 3
Output :
  • List 1
  • Lisit 2
  • List 3
- Use 1 space after this symbol, then the code will work easily. List can be created easily with this code.
Create a list with just the (.) symbol.
Input:
1.
2.
3.
Output:
1 .
2 .
3 .
. Just use the dot symbol after the number, and the list will be created.
To quote any text, note the code below.
Input:
> Markdown
Output:
Markdown
> Using a space after this symbol allows you to easily quote any line or word.
Use the code to create the link.
Input :
[Visit link](https://hive.blog/@omor11)
Output:
Visit link
[ ] Write the text in this third bracket and then put the link in the () fast bracket. Then the link will be created. []().
Use the code to make any text visible.
Input:
<code>Markdown </code>
Output:
Markdown
<code>...</code> Use the code to make it visible.
Use the code to color the text in red.
Input:
<div class="phishy">Markdown</div>
Output :
Markdown
<div class="phishy">.....</div> You can easily color the text red using the code.
Use the code to move the text to the right.
Input :
<div class="pull-right">
</div>
What is Markdown: While writing any article, various markdowns are used to make the post look attractive. Markdown basically uses many codes, including italic text, bold text, and image code. Article writing can keep your post creative, but without Markdown code, the post will not look beautiful in any way.
Output :
What is Markdown: While writing any article, various markdowns are used to make the post look attractive. Markdown basically uses many codes, including italic text, bold text, and image code. Article writing can keep your post creative, but without Markdown code, the post will not look beautiful in any way.
<div class="pull-right"> </div> You can use this code to move the text to the right.
Use the code to align the text to the left.
Input:
<div class="pull-left">
</div>
What is Markdown: While writing any article, various markdowns are used to make the post look attractive. Markdown basically uses many codes, including italic text, bold text, and image code. Article writing can keep your post creative, but without Markdown code, the post will not look beautiful in any way.
Output:
What is Markdown: While writing any article, various markdowns are used to make the post look attractive. Markdown basically uses many codes, including italic text, bold text, and image code. Article writing can keep your post creative, but without Markdown code, the post will not look beautiful in any way.
<div class="pull-left"> ```
You can easily move the text to the left using this code.
You can easily make your posts visually appealing by using all the markdown codes shown here. That's it for today. If you like today's post, please give your feedback. Finally, I'm saying goodbye today, see you in the next blog.


My name is Khalid Saifullah. I am 18 years old and currently, a second-year student in the Department of Arts, studying Alim. I live in Bangladesh and have a passion for travel, learning, and implementing new ideas. I enjoy immersing myself in nature and have a love for photography, blogging, and drawing.
Connect with me on social media for assistance. Here are my [Facebook](https://www.facebook.com/smkhalid.saifulla.7) and [WhatsApp](https://wa.me/+8801737072301) links. Don't hesitate to reach out for any inquiries. Thank you.
86
6
0.76
6 Replies