Enchula tu post - [Tutorial] - Parte 1.

in #thealliance7 years ago (edited)

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;😭

Sort:  

Me gusto tu post, posee una información muy útil, sobre todo para los usuarios nuevos que aun nos falta aprender muchas cosas por aprender, como en mi caso. Gracias por compartir este tipo de información.

Me alegra saber que te ha gusto. Saludos @daniela18.

Gracias por tu trabajo de calidad @crisangel

Te esperamos en nuestra comunidad Reveur Citadela Venezuela

¡Un projecto del witness @nnnarvaez y de @castellano!

excelente, muchísimas gracias por compartir tus conocimientos, para mi que soy nueva fue de mucha ayuda.

Gracias a ti por tener un poco de tiempo para leerlo, espero te sirva de mucho apoyo.

buen completo este post, me parece buena guía para embellecer nustros escritos. Gracias por compartirlo.

Espectacular y muy útil post. Gracias @crisangel

Ahijado, te felicito, super y estaré pendiente para tus próximas lecciones; seguramente nos traerás otras aplicaciones, en lo particular te pediría, Ahijado enséñame a presentar fotos en paralelo!! te dejo ese pedido y reto! Un abrazo..y si ese robot te localizo en el espacio, aquí en steemit, lo hice yo primero.

Gracias padrino, seguimos trabajando para todos ustedes. Claro, asumiré su reto. No adelantare nada, así que lo dejare con la incógnita jejejeje.

Bro muy buen post, finalmente aprendí como poner encabezados. Había visto mil posts y nunca entendía. Agradecido

Eey, me alegra mucho que lo que he colocado aquí te ha servido y aclarado dudas.

Muy buena información.

excelente post amigo @crisangel. Muy pero muy bien contenido! muy amigable la información.

Congratulations! This post has been upvoted from the communal account, @minnowsupport, by crisangel 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.