GUÍA DE STEEMIT // Códigos y ayuda en HTML
Espacio entre párrafos
Un simple numeral con espaciado arriba y abajo.
#
Para organizar el texto con diferentes puntos
Un guión con espacio luego de el.
Ejemplo: (guión espacio frase) -Lista de cosas para hacer en 2018
Se verá así:
- Lista de cosas para hacer en 2018
Para justificar texto
<div class="text-justify">Párrafo Aquí</div>
Y se verá como mis textos al principio súper lindos y fáciles de leer, sin espacio en las terminaciones de cada línea que podrían hacer que el párrafo se vea un poco raro.
Para centrar
<p><center>Lo que quieres centrar</center></p>
Para crear citas
> El símbolo que ven de "mayor que" y la frase que deseen usar seguida de él.
Se verá asi de lindo y profesional
Para crear hipervinculos
Ejemplo: [El nombre del Vínculo](El link)
[Jokossita’s Blog](https://steemit.com/jokossita)
Para escribir en negrita
Se colocan 2 guiones bajos o asteriscos al inicio y al final de la frase o palabra a resaltar.
Ejemplo: **Negrita** __Negrita__
Lo cual se vería: Negrita en ambos casos
Para escribir en cursiva
Igual que negrita pero se utilizaría solo un asterisco o guión bajo.
Ejemplo: *Cursiva* _Cursiva_
Sería: Cursiva en ambos casos
Para escribir en negrita cursiva
Igual que en negrita, pero en lugar de utilizar dos asteriscos o guiones bajos 3.
Ejemplo: ***negrita cursiva*** ___negrita cursiva___
El resultado: negrita cursiva
Escribir en tachado
Igual que los otros, pero solo dos cosas de estas: ~ serían usadas.
Ejemplo: ~~tachado~~
Sería asi: tachado
Para escribir en barras
Pude hacer todas esas barras grises usando simples tildes: ` 3 veces cada lado
Ejemplo: ```Hola a todos```
Se vería asi: Hola a todos
Para escribir en un bloque y hacer una lista
| Post | Día |
| --------|---------|
| Viaje | Enero 1 |
| Comida | Enero 5 |
Es bastante fácil y se ve realmente fantástico así:
| Post | Día |
|---|---|
| Viaje | Enero 1 |
| Comida | Enero 5 |
Puedes hacer más celdas y volverte loco con el código solo necesitas algo de imaginación.
El texto puede estructurarse con encabezados:
Colocas un numeral o varios, un espacio y luego tu texto.
H1 En cada uno puedes usar un # numeral
H2 o ## dos en este y de esta manera voy
H3 usando más numerales ###
H4 haciendo subtitulos####
H6 también puedes usar hasta 6 numerales para hacerlo aún más pequeño
Imágenes
Para colocar la imagen a la derecha
<div class="text-justify"><div class="pull-right">La imagen</div>
Para colocar la imagen a la izquierda
<div class="text-justify"><div class="pull-left">La imagen</div>
Para que tu texto sea aún más bonito
Para colocar su texto a la derecha:
Ejemplo: <div class="text-right">Tu texto aquí</div>
Si desea el texto a la izquierda simplemente cambie la palabra "right" a "left"
Para hacer dos columnas de texto:
<div class="pull-left">Texto de la primera columna</div>
<div class="pull-right">Texto de la segunda columna</div>
Si tienes más y quieres compartir códigos, avísame, de esta forma todos podemos ayudarnos a mejorar.
If you join Steem Follower Let me know in the comments to help each other.
You can read my lastest posts:
STEEMIT GUIDE // CODES HTML HELP
Gran trabajo! Quisiera aprender mucho mas para comenzar en esta comunidad. Un gran saludo y bendiciones!
Hola, gracias!! La hice con mucho esmero. Espero si hayas seguido en la comunidad!
Excelente contenido @jokossita de mucha ayuda
Gracias, dentro de poco estoy pensando en volver a steemit, quizas haga una nueva mas actualizada
Buenísimo, pero te falto esto:
Esa linea sirve bastante para dividir fotos :) y se hace así: pones tres o mas guiones y listo: --- pero dejando espacio, por ejemplo imaginemos que los puntos son guiones. (si no dejas el espacio se convierte en negrita el texto.)
...
Esto es algo que casi todo el mundo sabe, pero para la gente nueva le servirá :D un saludo y gracias por este post ya que hay algunos que no sabia, upvote follow y
Gracias a ti por leerme y compartir dejando un código sencillo que seguro será util!! Yo personalmente prefiero usar divisores un poco más femeninos pero de verdad gracias por compartir ese que se me pasó haha Feliz año nuuevoo :D
Como realizas esos divisores personalizados?
En photoshop, casualidad otra chica me preguntó lo mismo. Estaré haciendo divisores y banners a quienes necesiten en un ratito haré el post :)
Gracias, quizas pronto haga una guia nueva e incluya este dato.
Me gusto mucho tu post, gracias por compartir tu conocimiento tienes mi upvote
Gracias, también tienes los de @lauraesfeliz que son súper sencillos también!
es de mucha ayuda esa informacion gracias por compartirla
Compartir los conocimientos nos hace crecer :D Siempre a la orden
Excelente, super completa. Tienes mi reesteem. Gracias por esta gran guia.
Gracias !! asi ayudaremos a más personas a mejorar en su blog :D
excelente post @jokossita , siempre quedan algunas dudas cuando hablamos de escribir en HTML y aclararlas de vez en cuando no está de mas! lástima no lo encontré antes jaja. tienes mi upvote!
Jajaja tranquilo, aun estás iniciando y nunca es demasiado tarde. Espero te sirvan tanto como a mi :)
Inteligencia =
PerfecciónJaja gracias por pasar por mis post :)
@jokossita muchas gracias!
De naada :D
Muy bueno y completo @jokossita lo puse con una estrellita (destacado) para tenerlo a la mano. Muchas gracias, es de mucha ayuda.
Que bella, Siempre a la orden !! Me alegra haber ayudado :D