Logro 4: Aplicando Formatos @por georgelameda

in hive-172186 •  8 months ago  (edited)

hy.png

fuentefreepik

Saludos amigos de steemit ya estoy en el 4 logro, y me siento muy entusiasmado porque se que con ayuda de los administradores y ayuda de mi amigo @omarscott he llegado lejos.

Aplicando los formatos en steemit.

Una publicación debe tener un buen formato, para así poder ofrecer un buen contenido a la plataforma de steemit.

Bueno aquí vamos a dar varios ejemplos utilizado algunos comando, el cual debemos poner en practica en todo el texto,
al hablar de comandos no precisamente estamos hablando de que tienes que ser un programador sino de aprender a usar unos comandos que son básicos para darle formato a tus publicación.

Los Títulos.

Siempre los títulos deben resaltar en cualquier escrito que se realice, ¿y como lo hacemos? colocando un # antes del titulo seguido de un espacio, mientras mas cantidades de # coloques el texto se va haciendo mas pequeño ejemplo:

Titulo 1

# Titulo1

Titulo 2

## Titulo 2

Titulo 3

### Titulo 3

Como pueden ver en el ejemplo se aprecia que va reduciendo de tamaño.

Textos Justificados

Continuamos con los textos justificados, este se hace usando el comando
<div class="text-justify"> este comando se usa al comienzo del texto y para cerrar usamos este comando </div>
esto hace que tu texto quede totalmente justificado.

Centrar:

Para centrar algún contenido debemos colocar el comando al principio y al final de lo que se desea centrar. ejemplo: se deben usar estos comandos.
<center>acá colocamos el texto y seguidamente cerramos con</center>

Nuestro texto quedara así

Colocar letras en negrita:

Acá usamos el asterisco * colocamos dos asteriscos ** al comenzar el texto y dos ** asteriscos al final.

Ejemplo:

**Es de gran importancia darle formato a los contenidos para que las publicaciones se vean mas diversificada e interesante para el publico**

Quedara así

Es de gran importancia darle formato a los contenidos para que las publicaciones se vean mas diversificada e interesante para el publico

Para crear citas.

Se debe usar la tecla > al comenzar un texto. ejemplo.

Los formatos son extensiones mayores que permiten variaciones.

Enlace en las imágenes.

Agregar Link a una imagen nos llevan al sitio de origen de esa imagen, ejemplo. usando este comando

<sub><a href=colocar esto antes del link entre comillas el link "link” >nombre</a></sub></center></div>

Donde dice nombre colocas el que desees.

Se vera así

fd.png

Fuente
También cuando nombramos a alguien ejemplo @dexsyluz vemos que al dar clic nos lleva a la pagina oficial de ese usuario.

Texto alineado en dos Columnas.

Esto se hace aplicando el siguiente comando. Ejemplo:
<div class="pull-right">Texto Derecha</div>Texto Izquierda

Texto Derecha segunda columna
Texto Izquierda primera columna

Imágenes alineadas:

Para colocar las imágenes en la columna izquierda o derecha debemos usar este comando.

<div class="text-justify"><div class="pull-left" >Aquí tu imagen y luego cierras el div</div>

allí vemos como la imagen se alineo a la izquierda y el texto a la derecha, Es muy interesante usar este comando, esto hace que tu imagen se reduzca para que se aprecien mejor las columnas, bueno espero lo intenten para que vean como lucen las publicaciones, yo no sabia usarlas pero con este curso he aprendido varias cosas que no sabia y de verdad me parece interesante, también se puede hacer colocando la imagen a la derecha y el texto a la izquierda. veamos el siguiente ejemplo.

<div class="text-justify"><div class="pull-right" >Aquí tu imagen y luego cierras el div</div>

así se ve ahora la imagen del lado derecho y el texto al lado izquierdo. de verdad son comandos muy fáciles de usar. al cargar la imagen quedan los corchetes y los paréntesis eso hace que el comando no se logre, se debe borrar los corchetes y los paréntesis se deja la imagen desde el https y así si se aplica el comando.

Tablas

Crear tablas usando el siguiente formato, una forma sencilla. ejemplo.

Encabezado 1 | Encabezado 2
--------- | ----------
Celda 1 | Celda 2

se vera así

SteemitComunidad
Es una red socialPromueve el trabajo
Puedes aprenderCubren muchos temas
Creas contenidosSe adapta a tu gusto

Sección de dos imágenes izquierda y derecha.

También podemos crear una sección con dos imágenes colocando una imagen a la derecha y la otra a la izquierda. esto se puede hacer usando este comando.
para colocar la imagen a la derecha se usa este comando.
<div class="text-justify"><div class="pull-right" >Aquí tu imagen y luego cierras el div</div>
para colocar la imagen a la izquierda se usa este comando.
<div class="text-justify"><div class="pull-left" >Aquí tu imagen y luego cierras el div</div>

Ella es mi perrita Kira la toñeca, nuestra consentida.

Son fieles amigos amor perruno siempre te esperan con alegría

Me despido deseando que este logro sea aceptado gracias por la confianza @fendit gracias a @dexsyluz por sus consejos @wilmer1988 por su gran apoyo.

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:  

Hola George, edita los comandos borrando las imágenes, este reto trata de aplicar los comandos y que nos muestres dando formato al texto y a las imágenes. Para que los comandos los puedas escribir sin que te afecten el formato usa para abrir y cerrar el acento español el cual es este "`" aplica los comandos y coloca debajo cual comando usaste por ejemplo en los títulos

Título 1

# Título 1

Lista las correcciones

Greetings,

Welcome to the steemit platform.Thank you for completing the Achievement-4 task. Hope you feel comfortable and enjoyable sharing here. Please continue to the Achievement 5.1 task. Here I will send the guide:


Achievement 5.1 Task



rate 2

Feel free to contact me if you need any help:

Thank You
Ripon

This post has been upvoted through Steemcurator09


New Commer's Team : Curation Guidelines For April2024
Curated by @𝗲𝗹-𝗻𝗮𝗶𝗹𝘂𝗹

Note: