Que tal queridos amigos de Steemit, en esta ocasión les traigo un pequeño post que los ayudara a crecer como usuarios dentro de esta plataforma. Con estos tips que les ayudaran a crear posts mas estructurados, ordenados y atractivos visualmente. Hoy aprenderemos un poco a usar el Markdown y codigos HTML a la hora de crear nuestros post, a pesar que este tipo de post abunda en la red, la mayoría está en inglés y por otro lado los nuevos usuarios no saben cómo encontrarlos. Por esta razón he decidido actualizarles esta información.

Es un lenguaje que trata de conseguir la mayor facilidad a la hora de publicar contenido en la web, este se aplica mediante caracteres especiales que dan un acceso a la misma conversión que tendría usar HTML. Entre sus ventajas podemos encontrar:

• Es fácil y rápido de usar.
• Puede ser usado en combinación con HTML.
• Resulta fácil encontrar errores y modificarlos.

---

Títulos y Encabezados

Markdown	HTML
# Titulo 1	<h1>Titulo 1</h1>
## Titulo 2	<h2>Titulo 2</h2>
### Titulo 3	<h3>Titulo 3</h3>
#### Titulo 4	<h4>Titulo 4</h4>
##### Titulo 5	<h5>Titulo 5</h5>
###### Titulo 6	<h6>Titulo 6</h6>

Este sera el resultado:

Titulo 1

Titulo 2

Titulo 3

Titulo 4

Titulo 5

Titulo 6

---

Énfasis

Estos son los comando que usaremos cuando queremos resaltar un texto en especifico, tales como negrita o cursiva, ademas de así quererlo podemos combinarlas. Cabe resaltar que la palabra que va en su interior es el texto que deseamos resaltar.

Markdown	HTML
**Negrita** o __Negrita__	<b>Negrita</b>
*Cursiva* o _Cursiva_	<i>Cursiva</i>
~~Tachado~~	<strike>Tachado</strike>

Este sera el resultado:

Normal
Negrita
Cursiva
Tachado

---

Ajuste de parrafos

Si hay algo que llame la atención de un párrafo es verlo justificado, algo que únicamente podremos hacer usando HTML, lamentablemente al principio muchos no sabemos como hacer esto, ¡Eso se acabo!.

Ajuste	HTML
Justificado	<div class="text-justify">Párrafo justificado</div>
Alinear a la Derecha	<div class="pull-right”>Párrafo alineado a la Derecha</div>
Alinear a la Izquierda	<div class="pull-left”>Párrafo alineado a la Izquierda</div>
Centrar	<center>Párrafo Centrado</center>

Este sera el resultado:

Párrafo justificado Párrafo justificado Párrafo justificado Párrafo justificado Párrafo justificado Párrafo justificado Párrafo justificado Párrafo justificado Párrafo justificado Párrafo justificado Párrafo justificado .

Párrafo alineado a la derecha

Párrafo alineado a la izquierda

Párrafo Centrado

---

Listados

Podemos hacer listados tanto con símbolos como numéricos, ademas de sub listados. Cabe resaltar que con Markdown podemos usar hasta tres comando diferentes para hacer listas.

Tipo de Listado	Markdown	HTML	Resultado
Numerico	1. Uno 2. Dos 3. Tres	<ol> <li>Uno</li> <li>Dos</li> <li>Tres</li> </ol>	Uno Dos Tres
Simbolo	+ Símbolo 1 * Símbolo 2 - Símbolo 3	<ul> <li>Símbolo 1</li> <li>Símbolo 2</li> <li>Símbolo 3</li> </ul>	Símbolo 1 Símbolo 2 Símbolo 3

---

Enlaces

En nuestros post siempre usaremos imágenes que por lo general sacamos de Internet, así mismo también usamos texto copiado de otra web para hacer referencia a lo que estamos escribiendo. Por esta razón es necesario saber como colocar los enlaces de donde hemos sacado dicha información o imagen, ya que de lo contrario estaríamos apropiándonos del contenido que otra persona con mucho esfuerzo ha creado.

Markdown	HTML	Resultado
[Fuente](Enlace)	<a href="Enlace">Fuente</a>	Fuente

---

Citas y Destacar codigo

En ocasiones necesitamos citar a un autor al escribir una de sus frases, e incluso citarnos a nosotros mismos. Por otro lado los que solemos crear post de programación en el cual es necesario enseñarles la parte del código, podemos destacarle para que sea mas claro de leer y entender. El símbolo real se los dejare al lado del ejemplo.

Acción	Markdown	Símbolo
Citar	> Citar	>
Destacar código lineal	'Código'	`
Destacar código grupal	'''Código'''	`

Este sera el resultado:

Citar: La cita de un autor reconocido - Autor reconocido.

Código lineal

Código Grupal
If (0 >1){}

---

Otros

Por ultimo pero no menos importante tenemos el salto de linea y los separadores, los cuales usamos con mucha frecuencia y podemos usarlos con tres símbolos diferentes.

Acción	Código
Separador	*** o --- o ___
Salto de linea	<br>

---

Extra

Para aquellos amantes de los emojis o emoticonos les dejare una lista de los mas usados y el código de como aplicarlos.

Emoji	Código
😉	😉
😊	😊
😠	😠
😜	😜
😧	😧
😱	😱
😆	😆
😎	😎
😍	😍
😭	😭
😞	😞
😶	😶
😇	😇
😈	😈
😵	😵

---

Bueno amigos eso ha sido todo, espero les sea de mucha ayuda y así mejoren sus futuros post para que reciban mas Upvotes y Resteem. Si les gusto y desean tener a la mano estas herramientas no duden en darle Resteem a este post, de igual forma también pueden copiar todo lo aquí explicado y almacenarlo en un documento en su computador. Por ultimo acá les dejo los enlaces de donde recopile la información. ¡Hasta pronto!

Markdown Cheatsheet

Markdown Wikipedia

w3schools.com HTML5 Tutorial

😜 | @Hadro | Upvote | Follow | Restem | @Hadro | 😜