Tutorial: Funciones y codigos html para redactar de forma organizada un blog en steemit

in utopian-io •  7 years ago  (edited)
  • Escribir en negrita, en cursiva
  • Escribir titulos por tamaño
  • Centrar imagenes y centrar textos
  • Mover a la derecha imagenes y a la izquierda
  • Escribir al lado de las imagenes
  • Crear espacio entre titulos con los parrafos, y dicho esto tambien distancia entre imagenes insertadas y parrafos escrito para mantener distancia
  • Idioma: Español

    Escribir en negrita y cursiva

    Para realizar esta escritura " hola que tal" y esta "todo bien" debes colocar estos comandos antes de escribir dichas palabras sin dejar espacio entre ellas y las palabras o parrafos a escribir.

    En la siguiente tabla de contenido colocare ejemplos con los comandos:

    NegritaCursiva
    cashconverters_960x540_83460de4.pngcashconverters_960x540_83460de4.png
    Texto de ejemplo en negritas con asteriscosTexto de ejemplo en cursivas con asteriscos


    Escribir titulos

    Para escribir titulos en diferentes tamaños, es muy sencillo hacerlo, en los siguientes ejemplos pueden detallar que no es nada del otro mundo:

    Titulo GrandeTitulo MedianoTitulo Pequeño
    GRANDE.pngMEDIANO.pngPEQUEÑO.png

    TITULO GRANDE

    TITULO MEDIANO

    TITULO PEQUEÑO





    Centrar imagenes y textos

    Te recomiendo anotar estos comandos en un bloc de notas de tu pc o algun otro metodo de tu preferencia ya que es algo dificil para recordar los primeros dias, te dejare un ejemplo claro para que pongas en practica:

    Centrar textosCentrar imagenes
    GRANDE.pngGRANDE.png

    El resultado seria este :
    Texto centrado:

    texto centrado

    Imagen centrada:
    088610f20875f3e865c988ce44200708.jpg


    Nota: cuando digo direccion de imagen, me refiero a la direccion sin modificacion alguna en el centro entre los comandos dichos: GRANDE.png

    Mover a la derecha imagenes

    Esto hace que los post se vean mas organizados y bonitos:

    Mover a la izquierdaMover a la derecha
    GRANDE.pngGRANDE.png

    El resultado seria este:




    Escribir al lado de las imágenes

    Esto si que se ve muy bien en un post, y lo mejor es que es muy sencillo de hacer, con un poco de practica lo tendras bien dominado y luego te sera un paseo realizarlo:

    Los comandos que debes escribir son los mismo que los de mover las imagenes solo que en este caso si insertas la direccion de la imagen hacia la izquiera, el comando de la derecha colocas es el texto.


    Y al realizarlo se veria asi:

    Ejemplo de escribir al lado de una imagen



    Crear espacio entre titulos con los parrafos, y dicho esto tambien distancia entre imagenes insertadas y parrafos escrito para mantener distancia

    Esto es algo muy sencillo de hacer y sin embargo, ayuda bastante a la hora de hacer un post muy bien organizado, esto lo que tiene como funcion es dar esa distancia entre un parrafo de otro, o tambien de una imagen de un parrafo para que no esten tan cerca o pegadas y viceversa:

    El comando a realizar es: GRANDE.png
    Ejemplo: GRANDE.png
    Y el resultado seria este :
    GRANDE.png

    Nota: recomiendo esto para crear la distancia entre titulos, y dicho esto tambien entre imagenes.





    Y con esto doy por finalizado el tutorial comunidad, espero les sea de gran ayuda, y un gran saludo!




    Posted on Utopian.io - Rewarding Open Source Contributors

















Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

Excelente post para los que saben manejar poco el aspecto de sus publicaciones! votado, te sigo.

Gracias por el apoyo hermano:) tambien te sigo, un saludo !

Your contribution cannot be approved because it does not follow the Utopian Rules.

Please make sure you read the rules first before posting. Your contribution breaks most of the rules.

You can contact us on Discord.
[utopian-moderator]