Logro 4 por @ramces97 - Consigna: Aplicando formatos
Muy buenas amigos steemians en esta oportunidad estare realizando el post del Logro Nº4 Propuesto por @cryptokannon y gracias a @fendit Por la traducción al español de La Guia.
Imagen creada por mí en Picsart
Para la verificación de mi logro Nº4 realizare este post como una guía para utilizar ciertos códigos los cuales mis amigos @winstonq7 @wiliangel @cristiandcs y @explorer-art me han preguntado. Aprovecho también de invitarlos a unirse ha este reto de recién llegados. comenzando desde el logro 1.
Consigna para el logro 4: Aplicando formatos
Crea contenido de tu preferencia utilizando al menos 5 tipos de formatos detallados en esta publicación.
Colocare todos los link entre barras para que lo puedan observar luego mostrare como quedan
Muy bien para comenzar el tan famoso código de justificar texto, el más usado.
<div class="text-justify">Párrafo Aquí</div>
Al justificar, es más fáciles de leer el texto, debido que el texto queda sin espacio entre cada palabra y líneas.
Para escribir en barras.
Pude hacer todas esas barras grises usando simples tildes: ` 3veces cada lado.
Se verá así.
¿Cómo bajar la dimensión de una imagen en Steemit?
- El segundo que mas me han preguntado, y el cual no sabía cómo realizar.
- Lo primero por hacer es cargar la imagen que deseamos reducir en mi caso pondré una foto personal.
- Luego Eliminamos el nombre de la imagen y los corchetes también los paréntesis.
Quedando así el resultado.
https://cdn.steemitimages.com/DQmPd6wjSZRmjooAkBk9P1GNjvRRy9hzLwCQzCrVTdsGn49/1622734675455.jpg
- Copiamos y pegamos al inicio de la Url
https://steemitimages.comy seguidamente agregamos la etiqueta/0x0/. Siendo los "0" el tamaño de la imagen "Ancho y largo".
Quedando el link de esta manera
https://steemitimages.com/0x0/https://cdn.steemitimages.com/DQmPd6wjSZRmjooAkBk9P1GNjvRRy9hzLwCQzCrVTdsGn49/1622734675455.jpg
- Ajustar el tamaño de la imagen en mi caso a 280x0 el resultado sería el siguiente.
Imagen Original de mi autoridad
Cómo agregar un superíndice.
- El código es
<sup> </sup>para que aparezca por sobre las demás líneas.
Tema <sup>1</sup> Se vería de la siguiente manera: Tema 1
Tip: Puedes agregar un link también creando un hipervínculo con el código
[superíndice](Link)
<sup>[1](https://steemit.com/hive-172186/@fendit/logro-4-aplicando-formatos)</sup>
Da como resultado 1
Para crear una tabla se utiliza HTML
- Una tabla HTML se define con la etiqueta
<table> - Cada fila se define con la etiqueta
<tr>. Un encabezado de la tabla se define con la etiqueta<th>.Por default, los encabezados se muestran en negrita y centrados. Una celda se define con la etiqueta<td>Fuente Según la guía.
La tabla debería tener este formato.
<tr>
<th> Encabezado 1 </th> <th> Encabezado 2 </th>
<tr>
<td> Celda1 </td> <td> Celda 2 </td>
</tr>
<tr>
<td> Celda 3 </td> <td> Celda 4</td>
</tr>
</table>
Tips
- Puedes agregar más celdas incluyendo la etiqueta ```
y `` y la sintaxis en el medio- Puedes agregar más filas:
<tr>&</tr>- Si quieres, puedes incluir un link Funte de tips.
- Si utilizas imágenes dentro de la tabla, asegúrate que tengan dimensiones similares para que quede alineado
- Puedes utilizar otros comandos dentro de la tabla, como centrado, negritas…
El ejemplo lo demostrare en el siguiente punto...
Código para escribir encabezados.
Con solo colocar el comando
<h1>Escribes aquí</h1> Se vera así
Se puede varear entre números del 1 al 6. Mientras mas alto el numero más pequeña la letra.
<h1> 1. </h1> <h2> 2. </h2> <h3> 3. </h3> <h4> 4. </h4> <h5> 5. </h5> <h6> 6. </h6>
| Letras Grandes | Letras Pequeñas | 1 | 4 |
|---|---|
2 | 5 |
3 | 6 |
Para adjuntar un Vídeo o gif
- Basta solo con copiar y pegar el link directamente y automáticamente se vera en el blog.
Así
https://25.media.tumblr.com/tumblr_m8tsc5JcbN1rv5hpwo1_400.gif
Para el gif es muy importante que el link termine en.gif
Paso por aquí para informarte que he verificado tu logro exitosamente. Puedes proseguir ahora con el programa y realizar tu logro #5, el cual lleva por nombre entendiendo las herramientas de Steemit. Aquí te dejo el enlace a una publicación al respecto, para que puedas desarrollar tu siguiente actividad. Recuerda que el programa de logros debe ser publicado dentro de la comunidad Newcomers' Community. Éxitos para ti.
Información importante: felicitaciones por haber llegado hasta aquí y haber hecho tus logros. A partir de ahora puedes ser elegible para ser parte del programa de apoyo para recién llegados llamado 500SP Minnowsupport. Te invito a seguir realizando tus otros logros.
Notas: ninguna.
Gracias por tan pronta respuesta de verificación, amigo Alejandro. Pronto completando el logro Nº5 gracias por facilitarme la guía.
De nada compañero, vaya adelante. Lo estás haciendo bien 😄
Gracias, agradecido con todo el apoyo 💪🏼
Sigue adelante compa 😊
Hi, @ramces97,
Your post has been supported by @graceleon from the Steem Greeter Team.
Greetings Thank you for the support and the reward.