Enchula tu post - [Tutorial] - Parte 1.

En nuestros días en Steemit siempre nos encontramos ante muchas dudas e interrogantes, si así se quiere, pero la que más nos rodea es; ¿Como estructurar mi publicación?

  Esta es una interrogante muy codiciada a la hora de elaborar nuestras publicaciones, además que hoy en día existe muchos nuevos usuarios uniéndose a la red, entonces si nosotros que llevamos cierto tiempo en esta plataforma nos hacemos esa pregunta, que será para esos nuevos usuarios desamparados en esta extensa e increíble red. Allí es cuando entra nuestro deber como usuarios con experiencia, donde el conocimiento sea sinónimo de compartir.


aprendiendo


¿Qué es markdown?

  La guía de Markdown nos aparece cuando vamos a realizar nuestras publicaciones, entonces lo podemos definir como; un tipo de formato que se usa en el editor de Steemit, por ser propio de la red es muy fácil, rápido y practico de usar.

¿Qué es HTML?

  HTML son siglas en ingles que significa HyperText Markup Language, y en español sería; lenguaje de marcas de hipertexto. HTML es un lenguaje oficial y universal del internet, por ende, es compatible con todos los navegadores de páginas web.


  Ya conocimos un poco sobre esos dos términos que son de suma importancia para la estructuración de nuestras publicaciones. Ahora les compartiré los comandos que hasta el momento he conocido y usado en mi trayecto por Steemit, les iré presentando una lista tanto de Markdown como de HTML con sus respectivos ejemplos. Comencemos:


Títulos o encabezados: Estos comandos los usaremos para resaltar nuestros títulos, encabezados o subtítulos.


Markdown
HTML
# TheAlliance.<h1>TheAlliance.</h1>
## TheAlliance.<h2>TheAlliance.</h2>
### TheAlliance.<h3>TheAlliance.</h3>
### TheAlliance.<h4>TheAlliance.</h4>
##### Thealliance.<h5>TheAlliance.</h5>
###### TheAlliance.<h6>TheAlliance.</h6>

Nuestro resultado seria este.

TheAlliance.

TheAlliance.

TheAlliance.

TheAlliance.

Thealliance.
TheAlliance.

Ajuste de párrafos: Como su nombre lo indica, vamos a ajustar nuestros párrafos. Una de las cosas que hacen ver los textos más llamativos y expertos, es justificarlos y dejando sangría al iniciar cada párrafo. También se ven muy divertidos movidos a la izquierda o a la derecha, y por qué no, centrados. Acá les muestro como hacerlo.

Ajuste
HTML
Justificado.<div class="text-justify">Texto a justificar</div>
Sangría<p>&nbsp;&nbsp;Texto</p>
Centrar<center>Syndicates</center>
Alinear a la Derecha<div class="pull-right">Syndicates</div>
Alinear a la Izquierda<div class="pull-left">Syndicates</div>

Nuestro texto quedaría de esta forma.

TheAlliance una gran familia feliz, y es nuestro deber mantener nuestro estándar como curadores y creadores de calidad. Recuerda que es el compromiso lo que nos hace grandes y prosperamos como comunidad.

   Nuestra fortaleza es tan poderosa como la comunidad en sus esfuerzos combinados para apoyarse mutuamente. Estamos sorprendiendo a todos, ¡mantengamos la concentración!

Syndicates

Syndicates
Syndicates

Énfasis: Acá usaremos ciertos comandos para resaltar en nuestros párrafos ciertas palabras o frases.

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

Nuestro resultado seria:


Normal
Negrita
Cursiva
Tachado

Nota: Si desean hacer la negrita cursiva, solo deben de combinar códigos.
Ejemplo: *<b>negrita cursiva</b>*, negrita cursiva.


Listado: Al hablar de estructurar nuestras publicaciones no podemos obviar como poder hacer listado, esto para los amantes de recetas, indicaciones o cualquier motivo que necesiten usar una lista.

Tipo de Listado
Markdown
HTML
Resultado
Símbolo+ Símbolo A
* Símbolo B
- Símbolo C
<ul>
<li> Símbolo A</li>
<li>Símbolo B</li>
<li>Símbolo C</li>
</ul>
  • Símbolo A
  • Símbolo B
  • Símbolo C
Numerico1. A
2. B
3. C
<ol>
<li>A</li>
<li>B</li>
<li>C</li>
</ol>
1. A
2. B
3. C

Enlaces: Los enlaces son de suma importancia, ya que los podemos usar para dirigir a quienes lean nuestro contenido, de donde sacamos cualquier información para apoyarnos o colocar la procedencia de las fotos que no sean de nuestra propiedad.

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

Talento cosmico..gif


Citas y Destacar mensaje: Muchas veces nos encontramos con la necesidad de citar cierta frase de algún autor o si se quiere de nosotros mismos, también puede surgir la oportunidad de que queramos destacar algún mensaje en espacial, con el fin de darle más visión y claridad, bueno acá te tengo algunos comandos para estos casos.

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

Nos quedaría de esta forma:

citar: acá va la cita que se valla a utilizar.

Código lineal

Código Grupal


Saltos de líneas: Ya casi concluyendo les dejo como poder hacer un salto de líneas.

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

  Siempre tengo presente que el mejoramiento con respecto a la estructura de nuestras publicaciones se irán perfeccionando con la práctica. Yo comencé con la guía de Markdown, (ya que es la que te aparece cuando vas a elaborar tu publicación), además cada día me la pasaba preguntando a otros usuarios e investigando, así pude saber de más códigos y también llegar a conocer HTML.

thealliance


Adicional: Para los que les gustan los emojis, acá les comparto algunos de los que me he conseguido en mi camino.

Código
Emoji
&#128522;😊
&#128521;😉
&#128540;😜
&#128565;😵
&#128544;😠
&#128520;😈
&#128540;😜
&#128519;😇
&#128561;😱
&#128566;😶
&#128518;😆
&#128542;😞
&#128526;😎
&#128525;😍
&#128557;😭

H2
H3
H4
3 columns
2 columns
1 column
54 Comments