Achievement 4 by: @magdiel07 - Task: Applying formats | Logro 4 by: @magdiel07 – Consigna: Aplicando formatos - [ENG - ESP]

in hive-172186 •  3 years ago  (edited)

Español

English

Un cordial saludo y un fuerte abrazo queridos lectores y lectoras, #YoSoyMag @magdiel07, y el día de hoy estaré realizando mi Logro 4 – Aplicado formatos, este logro consiste en que logremos entender como son y para que sirven los formatos básicos y avanzados que utilizamos para cada una de nuestras publicaciones y así lograr realizar una publicación de calidad y atractiva para los lectores, sin mas preámbulos, comencemos.

A warm greeting and a big hug dear readers, #IAmMag @magdiel07, and today I will be performing my Achievement 4 - Applied formats, this achievement is that we manage to understand how they are and what are the basic and advanced formats that we use for each of our publications and thus achieve a quality and attractive publication for readers, without further ado, let's start.

PORTADA.png

Titulos

Titles

Los títulos son unos de los comandos más importantes y útiles, ya que con ellos logramos estructurar nuestras publicaciones y al mismo tiempo guiar a los lectores.

Titles are one of the most important and useful commands, because with them we manage to structure our publications and at the same time guide the readers.

Para crear un titulo en nuestra publicaciones tenemos 2 opciones, podemos usar el numeral (#) detrás de cada titulo o usar < h1 >TITULO< / h1 > y colocar nuestro titulo.

To create a title in our publications we have 2 options, we can use the numeral (#) behind each title or use < h1 >TITLE< / h1 > and place our title.

Ejemplo usando numeral #

Example using numeral #

Como van los comandos:

How do the commands go:

  1. # < center >TITULO< /center >

  2. ## < center >TITULO< /center >

  3. ### < center >TITULO< /center >

  4. #### < center >TITULO< /center >

  5. ##### < center >TITULO< /center >

  6. ###### < center >TITULO< /center >

Como se ven:

How do they look:

TITULO

TITULO

TITULO

TITULO

TITULO
TITULO


Mientras mas numerales (#) se usen, menor será el tamaño de cada titulo.

The more numerals (#) used, the smaller the size of each title.

Ejemplo usando < h1 > < / h1 >

Example using < h1 > < / h1 >

Como van los comandos:

How do the commands go:

  1. < center >< h1 >TITULO< /h1>< /center >

  2. < center >< h2 >TITULO< /h2 >< /center >

  3. < center >< h3 >TITULO< /h3 >< /center >

  4. < center >< h4 >TITULO< /h4 >< /center >

  5. < center >< h5 >TITULO< /h5 >< /center >

  6. < center >< h6 >TITULO< /h6 >< /center >

Como se ven:

How they look:

TITULO


TITULO


TITULO


TITULO


TITULO

TITULO


Mientras mas mayor se el numero que coloquemos después de la h menor será el tamaño del titulo.

The larger the number after the h the smaller the title size.

Centrado

Centred

Con este comando podremos centrar títulos, subtítulos, imágenes, gif, etc.

With this command we can centre titles, subtitles, images, gifs, etc.

Para usar este comando debemos colocar < center > antes del texto o imagen queremos centrar y luego < /center > para cerrar el comando y centrar el texto o imagen.

To use this command we must place < center > before the text or image we want to centre and then < /center > to close the command and centre the text or image.

Ejemplo

Example

Como va el comando

How the command goes

< center > Gracias por leer mi publicación < /center >

< center > Thank you for reading my post < /center >

Como se ve el comando

What the command looks like

Gracias por leer mi publicación

Thank you for reading my post


Justificar texto

Justify Text

Este comando es uno de los mas importantes para realizar nuestras publicaciones, ya que con el podremos colocar todo el contenido de manera ordenada y atractiva para la vista de todos nuestros lectores.

This command is one of the most important to make our publications, because with it we can place all the content in an orderly and attractive way for the view of all our readers.

Para justificar el texto debemos utilizar el comando < div class=”text-justify” >< p > luego colocar el texto y finalmente cerrar con < /p >< /div >.

To justify the text we must use the command < div class="text-justify" >< p > then place the text and finally close with < /p >< /div >.

Ejemplo

Example

Como va el comando

How the command goes

< div class=”text-justify”>< p > Hola! Yo soy Mag y este es mi blog personal, espero les guste mi contenido. < /p >< /div >

< div class="text-justify">< p > Hi! I'm Mag and this is my personal blog, I hope you like my content. < /p >< /div >

Como se ve el comando

How the command looks

Hola! Yo soy Mag y este es mi blog personal, espero les guste mi contenido.

Hi! I'm Mag and this is my personal blog, I hope you like my content.


Insertar Links en una palabra

Insert Links in a word

Este es uno de los comandos mas usados en la plataforma de Steemit, ya que con el logramos hacer un hipervínculo a una pagina con solo dar click en el texto, además, también se usa para identificar la fuente de las citas que utilicemos en nuestros post que sean pertenecientes a otras paginas.

This is one of the most used commands in the Steemit platform, because with it we can make a hyperlink to a page just by clicking on the text, in addition, it is also used to identify the source of the quotes that we use in our posts that belong to other pages.

Ejemplo

Example

Como va el comando

How does the command go

Cumpliendo mi [TEXTO] ( LINK )

Fulfilling my [ Achievement 4] ( https://steemit.com/hive-172186/@fendit/logro-4-applying-formats )

Como se ve el comando

How the command looks

Cumpliendo mí Logro 4

Fulfilling my Achievement 4


insertar imagen con hipervínculos

insert image with hyperlinks

Este es otro de los comandos más usados dentro de la comunidad de steemit, ya que con el nos ahorramos el trabajo de usar el comando de Fuente al final o debajo de cada imagen, con este comando dejamos la imagen con un hipervínculo de fuente insertado y hacemos que nuestras publicaciones se vean más elegantes y atractivas.

This is another of the most used commands within the steemit community, as with it we save ourselves the trouble of using the Source command at the end or below each image, with this command we leave the image with a source hyperlink inserted and make our posts look more elegant and attractive.

Para insertar una imagen con hipervínculo debemos colocar el siguiente comando < a href=" link ">< img src=" URL de la Imagen" >< br/ >< /a >.

To insert an image with hyperlink we must place the following command < a href=" link ">< img src=" Image URL" >< br/ >< /a >.

Ejemplo

Example

Como va el comando

How the command goes

< a href=" https://steemit.com/@magdiel07 ">< img src=" https://cdn.steemitimages.com/DQmPbG6WKxoYDtdBuU5Dk9FjvvZDxDvmUbRTBqaDrgtNdBw/Foto%20de%20perfil%20de%20steemit.jpg " >< br/ >< /a >.

Como se ve el comando

What the command looks like



Y si deseas central la imagen, solo usas los comandos de centrado < center > < /center > al principio y al final.

And if you want to center the image, just use the centering commands < center> < /center > at the beginning and at the end.

Ejemplo

Example

< center >< a href="https://steemit.com/@magdiel07">< img src="https://cdn.steemitimages.com/DQmPbG6WKxoYDtdBuU5Dk9FjvvZDxDvmUbRTBqaDrgtNdBw/Foto%20de%20perfil%20de%20steemit.jpg">
< /center >

Y se verá así

And it will look like this


Mis logros

My achievements


Realiza tus logro haciendo click Aquí

Make your achievements by clicking Here

Muchas gracias por leerme, espero que les haya gustado

Thank you so much for reading me, I hope you liked it

#YoSoyMag

#IAmMag

Todas las fotos e imágenes mostradas y usadas en esta publicación son hechas por mí y de mi autoría.

All photos and images shown and used in this publication are taken by me and are my own

Sígueme en mis redes sociales

Follow me in my socials

¡Nos vemos en una próxima publicación!
See you in a future publication!

▂▃▄▅▆▇█▓▒░۪ M۫۰ ۪a۫۰ ۪G۫۰.░▒▓█▇▆▅▄▃▂

////////////////////\\\\\\\\\\\\\/////////////\\\\\\\\\\\\\\\\\\\

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:  

Hi i am Sumit one of the team member of Steem Greeter.

I am happy to announce that i have successfully verified your achievement 4 post. Now you are eligible for performing your achievement 5 which is about Understanding the Steem tools. You can refer this post for your next task.

Note:

Rate:2

Hello @sumit71428 thanks for checking my achievement.

greetings

Hi, @magdiel07,

Your post has been supported by @graceleon from the Steem Greeter Team.

Quiero invitarte a participar en el programa de la criptoacademia de @steemitblog. Para saber más información, te sugiero que leas los siguientes artículos de tu interés:
ATENCIÓN NEWCOMERS
Stemit crypto academy 125sp booster
steemit crypto academy beninners package

Hola @graceleon, si cumplo con los requisistos para participar?