Markdown and HTML tricks with Steem!

in #teamaustralia6 years ago (edited)

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

Headings!

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.

heading

heading


heading


heading


heading

In mark down this would look like:

      Heading
      ====== 

Heading

Lists

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>
  • Item 1
  • Item 2
    • 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>
      
      1. Item 1
      2. Item 2

      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

      Bold and Italics on text

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

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

      this sentence is bold!

      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!

Coin Marketplace

STEEM 0.27
TRX 0.12
JST 0.031
BTC 68964.81
ETH 3733.40
USDT 1.00
SBD 3.65