Learn to use markdown and stylize your post (guide for new steemians)

in #steemit7 years ago

steemit tutorial ingles.png

Because most people come to this world, many people come from different parts of the world all over the world, so I would like to welcome you. how to give more style and better visualization to your post.

Let's start with this instruction to create titles and subtitles.


For that we use the symbol #, detached from the word or phrase and the size of the letter will depend on the amount you use, you can use from 1 # to 6 # as follows:

# Title ## Title ### Title #### Title

Example:

Title with 1#

Title with 2#

......

Title with 6#


A way to write text in bold and italics using only () and / or (_)*:

** here the text in bold * or __ here the text in bold __

* here the text in italics * or _ here the text in italics _

We can combine both to have text in bold and italics

*** text in bold and italics here *** o ___ text in bold and italics here ___


If we want to shade a sentence or paragraph we use the following HTML tag:

<code> Text highlighted here </code>

The text remains this way, ideal for citing paragraphs

Or highlight the paragraph with a vertical line on the left side of the text:

<blockquote> Text highlighted here </blockquote>

The text is as follows


To create hyperlinks and cite sources of content obtained from a web page:

[hyperlinked word]( link to the website)

It would show as follows: hyperlinked word o Source


Next, I bring you a table with a series of HTML tags and for each of the instructions to serve

Function code
To justify a text <div class="text-justify">

<p>
Here you put the text to justify.
</p>
</div>

Bold text <b> Bold text <b>
Italic or cursive <i> Text here </i>
  • Round vignette
  • <li> Paragraph or word with bullet here </li>
    crossed text <del> Text struck here <del>
    Text subscript <sub> Subscript text here </sub>
    Text superscript <sup> Superscript text here </sup>
    To separate paragraph with a horizontal line.

    Does not use closing torque

    <hr>
    To perform line break or separate paragraphs.

    Does not use closing torque

    <br>
    To center text <center> Text centered here </center>
    To create a table like this

    to organize text
    or images


    |||

    |---|---|
    | image |text|
    |text| image |

    anigif.gifbanner caminador con foto.gif

    By @ chuchu-cordova for the new steemians

    Sort:  

    Just as a feedback, maybe the code column of the table should have had the raw code, not the executed code? Can't really see how to do things like that.

    Greetings friend, the raw code of the table is the one shown on the right side of the tambla in the last row! You can try it!

    Congratulations! This post has been upvoted from the communal account, @minnowsupport, by chuchu-cordova from the Minnow Support Project. It's a witness project run by aggroed, ausbitbank, teamsteem, theprophet0, someguy123, neoxian, followbtcnews, and netuoso. The goal is to help Steemit grow by supporting Minnows. Please find us at the Peace, Abundance, and Liberty Network (PALnet) Discord Channel. It's a completely public and open space to all members of the Steemit community who voluntarily choose to be there.

    If you would like to delegate to the Minnow Support Project you can do so by clicking on the following links: 50SP, 100SP, 250SP, 500SP, 1000SP, 5000SP.
    Be sure to leave at least 50SP undelegated on your account.

    Coin Marketplace

    STEEM 0.19
    TRX 0.19
    JST 0.033
    BTC 89422.61
    ETH 3034.11
    USDT 1.00
    SBD 2.80