Títulos o Encabezados

Justificación de Párrafo

Centrar Contenido

Hipervínculos

Imagen a mostrar	Código
	[](Link de donde quieres que vayan)

Derecha-izquierda para el contenido

Para modificar el estilo de la tipografía

Columnas o bloques

Nota:

Este código puede generar confusión, intentaré explicarlo muy sencillo. Iniciamos colocando una barra vertical | sin dejar espacio colocaremos el link en caso de ser una imagen o en texto bien sea el caso, al finalizar cerramos con otra barra igual | si quieres que sea más de 1 columna el proceso es igual: | Contenido | contenido | según las veces que separemos el contenido de arriba es necesario repetirlo en la línea siguiente, sin dejar espacio entre párrafos. |---|---| La siguiente línea será la guía de la estructura y fijamos que son dos columnas con las que vamos a trabajar en este ejemplo. Después en las líneas posteriores debes hacerlo sin espacio y siempre seguir el ejemplo | Contenido | contenido |

Citas

Citar texto iniciando con un signo de mayor que

Cita en segundo plano

>Citar texto iniciando con un signo de mayor que
>>Cita en segundo plano

Texto que deseas citar

Ajustar tamaño de la imagen

Ejemplo

Tamaño original

Ejemplos de ajuste de tamaño

https://steemitimages.com/300x300/https://Link de la imagen

https://steemitimages.com/150X150/https://Link de la imagen

https://steemitimages.com/50X50/https://Link de la imagen

Si deseas colocar una referencia o bien sea la fuente de la imagen pueden hacerlo con el siguiente código <center><a href="link de la fuente">la palabra que se mostrará</a></center> Si desean que se muestre en el lado superior, lo colocan antes del link de la imagen y si prefieren que se muestre en la parte interior, lo deben colocar al finalizar en link de la imagen. Ejemplo:

Superior

<center><a href="https://steemit.com/@cervantes">Superior</a></center>Link de la imagen

Inferior

<center><a href="https://steemit.com/@cervantes">Inferior</a></center>Link de la imagen

Viñetas

Ideal para cuando realizamos contenido y deseamos resaltar diversos puntos de forma detallada, comenzando cada párrafo utilizando una viñeta en el inicio. El proceso es sencillo antes de desarrollar el contenido debemos escribir * 1 en el caso de Markdown y <li> 1 </li> en el caso de HTML. Ejemplos:

MarkDown	HTML	Resultado
* Contenido 1	<li> Contenido 1 </li>	Contenido 1
* Contenido 2	<li> Contenido 2 </li>	Contenido 2
* Contenido 3	<li> Contenido 3 </li>	Contenido 3

Si deseas hacerlo numérico, puedes sustituir el * por 1., 2. , 3.en caso de MarkDown, para HTML debes comenzar el contenido con <ol> y finalizarlo con </ol> ejemplo:

MarkDown	HTML	Resultado
1. Contenido 1 2. Contenido 2 3. Contenido 3	<ol><li> Contenido 1 </li> <li> Contenido 2 </li> <li> Contenido 3 </li> </ol>	Contenido 1 Contenido 2 Contenido 3

Texto de Color rojo

Iniciamos el texto escribiendo <div class="phishy">una vez terminado procedemos a cerrar el código con </div>

Texto de color rojo	<div class="phishy">Texto de color rojo</div>

Sangría

Cuando queremos iniciar un párrafo con espacio antes del primer texto es muy sencillo, antes de comenzar a escribir debemos escribir el siguiente código   que significa 1 espacio, lo copiamos y pegamos tantas veces queramos hasta conseguir la separación que deseamos.

Otros Tips
Para separar entre párrafos. Tenemos dos métodos, con Markdown colocamos # como separador dejando un espacio entre líneas y con HTML, podemos utilizar <br> y en este caso, no es necesario separar entre líneas como cuando usamos #
En algunas ocasiones, se nos presenta el caso de no cerrar de forma correcta un código y no encontramos el detalle, podemos definir el comienzo y final de un contenido utilizando HTML, con el siguiente código <p>Párrafo</p> de esta forma delimitamos algún código que pueda incurrir en otro párrafo.
Para hacer resaltar un contenido de esta forma debemos comenzar con acento invertido ( ` ) con el que les indico dentro del paréntesis y finalizar con el mismo, así se hace con Markdown y con HTML, podemos conseguirlo con <code> para iniciar y </code> para finalizar
Podemos utilizar un separador muy sencillo y consiste en --- colocar 3 signos menos entre párrafos
Para cita bibliográfica es necesario iniciar el párrafo con <q> y finalizar con <q> para que se pueda apreciar de la siguiente manera.

Cita Bibliográfica

Que cada imagen te haga viajar y puedas sentir, oler y tocar cada fotografía.
★R. GIL★
🍂

Discord Sr. Nikon

Chat de @cervantes en DiscordVota Cervantes como Witnees