Hello guys this is a kinda guide that will show you how to use these both programations languages, they would totally help you to improve the quality of your content if you use them properly. Also, I'll be giving you some tips that could attract whales to your content.

_Source

Let's begin

First, what's HTML and Markdown?

HTML

HTML is a programming language used for web developers. This is the acronym for HyperText Markup Language, i.e. Hypertext Markup Language.

Markdown

Markdown is a markup language that makes it easy to format text using a series of characters in a special way. In the beginning, it was thought to elaborate texts whose destination was going to be the web with more speed and simplicity than if we were using HTML directly. And while that's usually the best use we can make of it, we can also use it for any type of text, regardless of where it's going to go.

Now that you are familiar with the terms let's see some of their functions, are you ready? Stay tuned till the end.

Titles or headers

• HTML:

Place a HTML code using, < h1> Text < /h1> to make your text larger, you will only have six codes posibilities those are:

    <h1>Title</h1>
    <h2>Title</h2>
    <h3>Title</h6>
    <h4>Title</h6>
    <h6>Title</h6>
    <h6>Title</h6>

You will get something like this:

Title

Title

Title

Title

Title

Title

• Markdown:

To make a text larger, place the # sign followed by a space before the text.
For example:

# Tittle

The more you place the # sign, the smaller the text will be. It is only possible to place up to 6 characters.

Placing this codes:
# Title
## Title
### Title
#### Title
##### Title

You will get something like this

Title

Title

Title

Title

Title

Quotes

To create the citation format in the text simply place the ">" sign followed by a space and then the text.

For example:

This is a quote.

If you want to combine one appointment with another, you should set it up as follows:

> This is a quote.
> >This quote belongs to the first

This is a quote.

This quote belongs to the first

Another way to quote is using this code

 <div class="pull-right">
 <table style="width:100%">
 <tr>
  <th bgcolor="#FF0000"><center><h6>PUT YOUR QUOTE HERE</h6></center>
<center><h6>AUTHOR</h6></center></th>
</tr>
</table>
<br/>

It looks like this

Lists

Lists are used to sort or list the content. Just type - or 1. followed by a space and then the text.
Let's see an example

- Text

• Text

1 Text

1. Text

Code blocks

The code blocks allow you to format the language so that it has no effect.

• HTML

  <code>Text</code>
  

• Markdown

  `` Text ``
  

Type `` between the two.

Emphasis

Emphasis is used to highlight our text. There are several types:

• HTML

  <em>HTML italic text</em>
  <strong>Bold text html</strong>
  <em><strong>Bold text italic html</strong></em>
  

Italic html text
Bold text html
Bold italic html text

<div class="phishy">Red text html</div>

HTML strikethrough text

<strike>Strikethrough text html</strike>

_{Reduce text upwards}

 <sup>Reduce text upwards</sub>

Tables

    |Text|Text|
    |---|---|
    |Text|Text|

You can even add more bars to add more columns

Paragraphs

To jump to another line just type Enter but when we use HTML codes we must insert a line break with

<br> or <p>

and then enter. If not, our text will be stuck to the next paragraph.

To insert a text separator line just type

    "---" or just <hr>

and enter.

To center the text type

<center>Text centered</center>

To place our text on the left, type the following.

<div class='pull-left'>Text</div> and if right <div class='pull-right'>Text</div>

To place our justified text we type the following.

<div class='text-justify'>Text justified</div>

Image

To place our image on the left, type the following.

<div class='pull-left'>Image link</div>

and if it is to the right

<div class='pull-right'>Image link</div>

_Source

_Source

Sources

This might be one of the most important parts of steemit tbh, using sources of your images will give you the credibility you shall use it next to your link image.

You can either use

<a href="Link"></a> or [](Link)

Witdh

the width can be adjusted by varying the percentage of this code

 <table style="width:100%">

Now you have learned everything you are supposed to learn about Markdown and HTML.

To give you some more tips about the way you should write your posts to get votes from projects like @curie or @ocd.

1. You should always put references of your images.
2. Do not abuse Markdown or HTML.
3. Use sources of your research.
4. Make reference to the fact that the texts are your original texts.
5. Avoid harassing people so that they vote you.
6. Write a brief description of who you are at the end.
7. Use your own style, create your own banner and marks.