Markdown and HTML tricks with Steem!

View this thread on: d.buzz | hive.blog | peakd.com | ecency.com
·@dealsy·
0.000 HBD
Markdown and HTML tricks with Steem!
There's a lot you can do with steem to make your text do all sorts of different things, unfortunately, Steem doest have a great way of explaining how to do these things.

 So with this post, I am simply going to run through different things you can do such as making headings, dot point lists and a few other tricks to make your post look as flashy as you can get it! 

![18873113566_1c0a19598e_k.jpg](https://res.cloudinary.com/hpiynhbhq/image/upload/v1519561090/xtedtleljye0ypzrefzg.jpg)


<h1>Headings!</h1>

In order to create headings like the one above, you can do one of two things.

In HTML A heading looks like this ```<h1> heading </h1>```

This can go all the way to h5, The higher the number the smaller the text.

<h5> heading </h5>
<h4> heading </h4>
<h3> heading </h3>
<h2> heading </h2>
<h1> heading </h1>

In mark down this would look like:

```
      Heading
      ====== 
```

Heading
=====


<h1> Lists </h1>


Lists are super useful and can make be a nice looking feature. 

To create a list in HTML you simply do the following:

```
<ul> 
<li>Item 1</li>
<li> Item 2</li>
<ul>
```
<ul> 
<li>Item 1</li>
<li> Item 2</li>
<ul>

To do the same thing in Markdown you simply add   an * in the front of the word

```
* Item 1
* Item 2
```

* Item 1
* Item 2

You can also do numbered lists.

In HTML this looks like:
```
<ol type="1"> 
<li>Item 1</li>
<li> Item 2</li>
</ol>
```

<ol type="1"> 
<li>Item 1</li>
<li> Item 2</li>
</ol>

And in Markdown you simply just type your list out with numbers starting from 1 onwards. Followed by a full stop

1.  Item 1
2. Item 2

<h1>Bold and Italics on text </h1>

To make your words **bold** in HTML you need to do the following:

```<b> this sentence is bold!</b>```

<b> this sentence is bold!</b>

In Markdown you would do:

```**this sentence is bold!**```

**this sentence is bold!**

To do italics in HTML you need to use an i tag:

```<i> here is an example! </i>```

*here is an example!*

With Markdown you would do:

```_here is an example!_ ``` Or you can do ```*here is an example*```

_here is an example!_

Summary
======

So we learned how to do headings, lists, numbered lists, bold text and italic text using HTML and Markdown methods. 

For Steem post Markdown is absolutely easier, and faster. However, I thought I would give you guys the HTML version as well, just because it's nice to learn new things :) and you may end up needing to know how to write some HTML code in the future! you never know :P  

As always thanks for reading! 

If you have any questions leave a comment!
👍 , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,