Achievement 4 by @judyred: Applying Markdown
Hi Steemians!! Today we are
going to be talking about how to apply markdown on SteemIt. I have had a wonderful experience being on SteemIt. My experience has been pleasant for me. I love using Wattpad too but SteemIt is more like a school for me which I really appreciate!! I'm super excited to write this achievement post...
I am dedicating this post to all Newcomers like me just coming up...
In this post, here are some point we must note that we are going to learn;
- How to use headlines and sub-headlines.
- How to justify, align, subscript and superscript your text.
- How to make tables on SteemIt.
- How to align our images.
Source
Headlines and Sub-headlines
This is very important for the outlook of our post which also serves as a guide for our readers.
Headlines can be inserted in two different forms. They are as follows;
(i) By simply inserting at the start of the row the (#) hashtag symbol. The more hashtags you add the smaller the font size of your headline..
For example,
Headline1
Headline 2
Headline 3
As you can see the font size of the text above reduced. I did this by adding
#Headline 1 and
##Headline 2 as seen in the example above..
(ii) You can add underneath your text three dashes or equal sign instead of using the hashtag.
For example,
HEADLINE 1
HEADLINE 2
CENTERED HEADLINE
Just as you can see demonstrated above is how to centralize our headlines.
You can simply do this by applying this code <> with center in between then go ahead and insert your headline and then lastly </> with center in between.
For example,
Headline
*For italics : simply use the asterisk symbols and for bold italics use two asterisk symbols at the beginning and end of a text. e.g italics bold italics
*For strikethrogh : you can simply use the ~~ symbol or this
For example,Striking through
Aligning text into two cells
Sometimes you may need to write something in two languages or input text into two different columns.
Like this,
<div class = "pull-left">Left word</div> <div class = "pull-right">Right word</div>
For example,
<div class = "pull-left">especially when you want to commune to your audience with Spanish and also have an English audience you can do this to get both audience attention</div> <div class = "pull-right">ces lesbanese que set du mien le franc ques opaq que rie le. Bonjour le problemo</div>
How to Add Subscript and Superscript
This is also an important tool...
Use <sub><sup></>sub or </>sup
to a text or number appear below the baseline.
E.g
H2O.
This is my first time1.
How to Create or add a Link
This is another special feature as I can choose to add links or have links embedded in a text. An example of this is linking my achievement post in a text as see below;
This link leads to My Achievement post
I've successfully embedded the link to my profile in a text and this can also be done for images too by adding a link to show where you got your image from (source). How I made the linking style above is shown in the code below;
[My Achievement post](https://steemit.com/hive-172186/@judyred/achievement-4-by-judyred-applying-markdown)
TABLES
This is how tables look like:
Goods | Quantity |
---|---|
Milk | 4 |
You can see how I have perfectly arranged the data in a table and you can do that simply by following the code below;
Goods | Quantity
-----------|-------------
Milk | 4
OR
<table>
<tr>
<th> ``Goods ``</th>``<th>``Quantity``</th>
<tr>
<td>``Milk
</td>
<td>
4
`
Then the last but not least, I would briefly show you how to make a line break, Ruler and align your images either to the left, right or center.
• For Ruler, simply use three dashes or asterisks or equal sign. E.g
---``*** ``===
• For Line break, simply use <br>
• To align images center,left or right, simply use <div class="pull-left">
![](https://steemitimages.com/640x0/https://cdn.steemitimages.com/DQmU7uohryaVk5ALC13cYG9svAJonPYSRd92KV1qSai43wK/MvwLKy3SfvJwXFKCRMDAFrt961XDyFggcCS4eprUW.jpeg)
° For Right alignment: Simply use,<div class = "pull-right">
For example;
![](https://steemitimages.com/640x0/https://cdn.steemitimages.com/DQmXfRPnsaxAzRUiDZawBdZcpBHBb1Xtk7xKF24SJ85SNhw/MvwLKy3SfvJwXFKCRMDAFrt961R1HP1rdKiUcpDgz.jpeg)
Finally, Center Alignment for pictures.
<div class = "pull-center">
E.g;
![](https://steemitimages.com/640x0/https://cdn.steemitimages.com/DQmYcXiRfPFu4LpYs2hf9xwUZ7KcpBVh1196r7xYmHe9VKe/IMG_20210621_104618_310.jpg)
Sadly, we've come to the end of this writeup. I hope you got all I explained with the best of my knowledge and step by step guide.
I dedicate this post to @cryptokanon @newcomers @temitopef and all my readers.
#achievement4 #nigeria #steemexclusive #steempower #steemcurators
For this task you have to create a post on any topic and in that topic you have to show 5 different markdown style.
Yeah.. I wasn't quite done when I mistakenly posted it .. I've edited it now. Thanks 😊