Aprende a usar markdown y estiliza tus post (guía para nuevos steemians)

in #steemit7 years ago (edited)

steemit tutorial.png

Debido a que formamos parte de esta gran plataforma en constante crecimiento, todos los días llegan muchas personas de distintos lugares del mundo a steemit, por eso para darle la bienvenida a estos nuevos steemians me tome la libertad de facilitarles esta pequeña guía para que aprendan a como darle más estilo y mejor visualización a sus post.

Comencemos con esta instrucción para crear títulos y subtitulos.


Para eso usamos el símbolo #, despegado de la palabra o frase y el tamaño de la letra dependerá de la cantidad que utilices, puedes usar desde 1# hasta 6# de la siguiente manera:

#título ##título ###título ####título

Ejemplo:

Título con 1#

Título con 2#

......

Título con 6#


Una manera de escribir texto en negritas y cursivas utilizando solo ( * ) y/ o ( _ ):

**aquí el texto en negritas* o __aquí el texto en negritas__

*aquí el texto en letra cursiva* o _aquí el texto en letra cursiva_

Podemos combinar ambas para tener texto en negritas y cursivas

***texto en negritas y cursivas aquí*** o ___texto en negritas y cursivas aquí___


Si lo que queremos es sombrear una frase o un párrafo utilizamos la siguiente etiqueta HTML:

<code> Texto resaltado aquí</code>

El texto quedaría de esta manera, ideal para citar párrafos

O resaltar el parrafo con una linea vertical del lado izquierdo del texto:

<blockquote> Texto resaltado aquí</blockquote>

El texto quedaría de la siguiente manera


Para crear hipervínculos y citar las fuentes de contenido obtenido de alguna pagina web:

[palabra hiperínculadad]( link de la pagina web)

Se mostraría de la siguiente manera: palabra hipervinculada o Fuente


A continuación, les traigo una tabla con una serie de etiquetas HTML y para que sirven cada una de las instrucciones

Funcióncodigo
Para justificar un texto<div class="text-justify">

<p>
Aquí colocas el texto a justificar.
</p>
</div>

Texto en negritas<b>texto en negritas aquí<b>
Letra cursiva o itálica<i>Texto aquí</i>
  • Viñeta redonda
  • <li>Parrafo o palabra con viñeta aquí</li>
    texto tachado <del>Texto tachado aqui<del>
    Texto subíndice<sub>Texto subíndice aquí</sub>
    Textosuperíndice<sup>Texto superíndice aquí</sup>
    Para separar parrafo con una linea horizontal.

    No usa par de cierre

    <hr>
    Para realizar salto de linea o separar párrafos.

    No usa par de cierre

    <br>
    Para centrar texto<center>Texto centrado aquí</center>
    Para crear una taba como esta

    para organizar texto
    o imagenes


    |||

    |---|---|
    |imagen|texto|
    |texto|imagen|

    anigif.gifbanner caminador con foto.gif

    Por @chuchu-cordova para los nuevos steemians

    Sort:  

    Hermano, muy buen aporte, ojalá yo hubiese visto un post como este, cuando inicié. ¡Saludos!

    la verdad a mi no me costo mucho porque ya estaba familiarizado con esas etiquetas!! pero si he ido conociendo algunas!

    Congratulation!! Eate es el ppst que tamto necesitaba.... Gracias @chuchu-cordova

    Gracias por la guia de instrucciones, la verdad no sabia algunas, es una gran ayuda para los novatos

    pues lo hice precisamente pensando en los novatos! siempre se ven guías de este tipo y siempre hay que hacerlas, todos los días llegan mas y mas novatos! saludos!!

    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.

    excelente trabajo :)

    gracias hermanoo!

    Gracias por la ayuda, me hacía falta saber algunas cosas. Muy útil este post.

    de nada amiga estamos para ayudar cualquier cosa pregunte por aqui