😻Para mis amigos que lo pidieron: Guia para darle formato a tu Post HTML y MARKDOWN ✌
HTML
Etiquetas
Así se vería una etiqueta de apertura: <Etiqueta>
Así se vería una etiqueta de cierre: </Etiqueta>
Títulos y Subtítulos
CÓDIGO:
<HN>Título Etiqueta</HN>
# Título H1
## Título H2
### Título H3
#### Título H4
RESULTADO:
Título H1
Título H2
Título H3
Título H4
Para crear un párrafo
CÓDIGO:
<p> Inserte texto aquí para crean un párrafo. </p>
RESULTADO:
Inserte texto aquí para crean un párrafo.
Para hacer énfasis
CÓDIGO:
**Texto de ejemplo en negritas con asteriscos dobles**
__Texto de ejemplo en negritas con guion-bajo doble__
<strong>Texto de ejemplo en negritas con etiqueta</strong>
RESULTADO:
Texto de ejemplo en negritas con asteriscos dobles
Texto de ejemplo en negritas con guion-bajo doble
Texto de ejemplo en negritas con etiqueta
CURSIVAS: Para escribir en cursiva es igual, pero con asteriscos sencillos o guion-bajo sencillo, o usando la etiqueta <em>.
CÓDIGO:
*Texto de ejemplo en cursivas con asteriscos sencillo*
_Texto de ejemplo en cursivas con guion-bajo sencillo_
<em>Texto de ejemplo en cursivas con etiqueta</em>
RESULTADO:
Texto de ejemplo en cursivas con asteriscos sencillo
Texto de ejemplo en cursivas con guion-bajo sencillo
Texto de ejemplo en cursivas con etiqueta
TACHADO: Para tachar tu texto utilizas el signo de ~~ de la siguiente forma
CÓDIGO:
~~Texto Tachado~~
RESULTADO:
Texto Tachado
**_También pueden combinarlas_**
También pueden combinarlas
Para organizar el párrafo
Acá les enseñaré como centrar y justificar el texto.
Para centrar el texto sólo tenemos que utilizar la siguiente etiqueta <center> con su respectivo cierre </center>.
CODIGO:
<center> Y de esta forma su texto queda centrado. </center>
RESULTADO:
Para justificar nuestro texto a ambos lados del párrafo usamos <div class="text-justify"> y para cerrarlo </div>.
CODIGO:
<div class="text-justify"> En este ejemplo podemos ver como el texto queda alineado a ambos lados del párrafo, lo que le da más estética a nuestras publicaciones y las hace llamativas. </div>
RESULTADO:
Otros elementos para organizar el párrafo
Espacio entre parrafos
Un simple numeral con espaciado arriba y abajo.
Para crear citas
Se usa el símbolo de “Mayor que” (>) seguida de un párrafo.
Ejemplo:
Texto de cita
> Texto de cita
Para crear hipervínculos
[Blog de Jogreh](https://steemit.com/@jogreh)
<a href=”https://steemit.com/@jogreh”>Blog de Jogreh</a>
RESULTADO:
Para separar un párrafo en 2 Columnas
Con éstos códigos podrán colocar el texto a la izquierda o derecha según lo necesiten.
CÓDIGO:
<p><div class="pull-left"><div class="text-justify">Texto de la primera columna, así se formarán dos barras de texto lo que le premite jugar con el espacio</div></div></p>
<p><div class="pull-right"><div class="text-justify">Texto de la segunda columna, así se formarán dos barras de texto lo que le premite jugar con el espacio</div></div></p>
RESULTADO:
NOTA: También se lo pueden aplicar a imágenes para que queden a un lado del texto.
Ejemplo:
\<div class="pull-left">Link de la imagen\</div>
<div class="text-justify">Cuerpo del texto que quieren colocar a un lado, pueden cambia los valores para izquierda y dercha y no olviden justificar el texto.</div>
Ya por último si quieren agregar Emojis pueden encontrar muchos en el siguiente link y solo basta con copiar y pegar. 🚀 😝 🌍 🍒 Plantilla de Emojis 👍 😎 👀 💃
Unas recomendaciones que nos deja nuestra amiga @bitcoinroute
Fotos tomadas por mi con mi Xperia SL
@jogreh gracias por las recomendaciones, nos conocimos ayer en el Meet-UP Maracay @Cervantes
me parece excelente tu aporte ! un abrazo!
Holaaa jaja muchas gracias ^^ Saludos
Hola @jogreh, esas guias son muy útiles pues siempre hay gente nueva que le cuesta mucho hacer los post, buen aporte
Muchas gracias, así es quizá mas adelante haga otro con más tips.. hay mucho que se puede hacer todavía.
¡Hola, master! Buena data para los que recién arrancan. Vi que pusiste 100% PowerUp. Te aconsejo que no lo hagas porque no te conviene... en mi último post explico más o menos porqué.
https://steemit.com/steemit/@nicash14/consejo-no-elijan-power-up-100-nunca
Espero te sirva.
¡Saludos! :D
Gracias! ahorita lo reviso. Mas que todo este post es para quien lo necesite no espero ganancias por el de igual forma gracias por tu aporte.
excelente!
Muy bueno tu aporte, lección aprendida.
Muy buena guía, saludos estimado.
Saludos, muchas gracias.
una gran guía para los que estamos comenzando... y si lo pedí bastante :P gracias.
Lo siento jaja tarde pero seguro.
Excelente Herramienta, cada día aprendemos más y es gracias a publicaciones como estas...que aportan mucho a la comunidad. Gracias por compartir tus conocimientos, las semillas que siembras hoy darán buenos frutos!
Gracias, espero que puedan sacarle provecho
Congratulations! This post has been upvoted from the communal account, @minnowsupport, by Jogreh 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.
Muy bien explicado. Gracias. Es muy útil.
De nada! espero que te sirva ^^
Post de los barbaros. Excelente. Y saludos futuro colega de la UCSA.
Hey! otro Ucista que bien! jaja nos vemos en el hospital.
@jogreh gracias por las recomendaciones, nos conocimos ayer en el Meet-UP Maracay @Cervantes
me parece excelente tu aporte ! un abrazo!