🇪🇸 ✍️📖 Textos con estilo en Markdown 👨‍🎨👩‍🎨

Anterior: ⏪ Escribe con estilo usando Markdown👨‍🎨👩‍🎨

==«==

" Esta publicación forma parte de una serie denominada: 🇪🇸 ✍️ Escribe con estilo usando Markdown. 👨‍🎨👩‍🎨. Si has llegado aquí sin pasar por allí, te recomiendo visitarla, donde encontraras el índice principal. "

==»==

📖 Textos

Markdown es una forma de diseñar texto en la web, donde tú controlas la visualización del documento; resaltando palabras en negrita o cursiva, agregando 👨‍🚀emojis🚀, imágenes, videos, creando listas o tablas. Te recomiendo antes de comenzar ir a StackEdit un editor de Markdown en línea que te facilitara seguir esta guía.

==«==

" Markdown es muy utilizado en la industria de la tecnología por su versatilidad y sencillez. Puedes usarlo en Slack y es el lenguaje de marcado por defecto en la documentación de los proyectos en Git-hub. "

==»==

Markdown es utilizado en Platzi para el blog, los tutoriales, el foro, los comentarios, tanto en las preguntas como en las respuestas. Dentro de Platzi, el único espacio donde no podrás utilizar Markdown es en los marcadores. (Por lo menos así ocurre hasta la fecha actual 2020)

Citas

Las citas se inician con el símbolo >. También se suele colocar en cursiva el párrafo entre comillas y en el renglón siguiente el autor de la cita. Algunas implementaciones de Markdown eliminan algunas ciertas para evitar inyección de código Sql, aquí recuperamos los espacios arriba y abajo de la cita usando un renglón con texto resaltado (cualquier texto debe servir) y seguido un renglón contres guiones al medio, el cual convierte en encabezado el renglón superior y proporciona los espacios perdidos.

==«==

==» El código anterior producirá: »==

“ Los hombres sabios hablan porque tienen algo que decir; los necios porque tienen que decir algo. ” Platón.

Enlaces

Los enlaces se pueden insertar copiando y pegando la URL completa (no recomendado por falta de legibilidad) o siguiendo la siguiente regla: El texto alternativo para el enlace entre corchetes cuadrados seguido de la URL dentro de paréntesis.

==«==

==» El código anterior producirá: »==

http://platzi.com – enlace creado de forma automática!

Platzi

Encabezados

Para usar la etiqueta de encabezados, deberás iniciar la línea de texto con dos caracteres ##, así:

==«==

==» El código anterior producirá: »==

Este es un encabezado

En Platzi la etiqueta H1 se encuentra reservada por el sistema para mantener una correcta estructura semántica. Rara vez necesitarás encabezados diferentes al H2.

Etiquetas para dar énfasis

Las etiquetas de énfasis, permiten resaltar parte del texto sin obligar un salto de línea.

==«==

• *Este texto aparecerá en cursiva*
  _Este texto también aparecerá en cursiva_
  **Este texto aparecerá en negrilla**
  __Este texto también aparecerá en negrilla__
  ~~Este texto aparecerá tachado~~
  _**Puedes** combinarlos_
  También puedes ==resaltarlos==

==» El código anterior producirá: »==

• Este texto aparecerá en cursiva Este texto también aparecerá en cursiva Este texto aparecerá en negrilla Este texto también aparecerá en negrilla Este texto aparecerá tachado Puedes combinarlos También puedes ==resaltarlos==

Separadores o saltos de línea

Para incluir una espacio de separación entre párrafos deberás, párrafos usar un doble salto de línea. Cuando deseas incluir una línea de separación puedes intentar con tres guiones al medio seguidos.

==«==

==» El código anterior producirá: »==

==«==

Renglón anterior.

Renglón siguiente.

==«==

==» El código anterior producirá: »==

Renglón anterior. ==»==

Renglón siguiente.

!Imgur

Metodo alternativo

Si la etiqueta anterior deja una separación muy pequeña, intenta utilizando alguna de estas dos imágenes siguientes. Elige la que mejor te funcione. ==«==

Salto de línea (insertando imagen en blanco) Renglón anterior

!Imgur

Renglón medio

!Imgur

Renglón siguiente

==» El código anterior producirá: »==

Renglón anterior. (Este texto se incluye como referencia para medir el tamaño del separador) !ImgurRenglón medio !Imgur Renglón siguiente O también puedes usar esta otra técnica --

==«==

Renglón anterior.

Renglón siguiente.

==» El código anterior producirá: »==

Renglón anterior. !url1 Renglón siguiente.

Sintaxis para incluir código

==«==

`Una sola línea de código`

==» El código anterior producirá: »==

También puedes incrustar bloques de código de varias líneas:

==«==

\````javascript
function fancyAlert(arg) {

    if(arg) {

    $.facebox({div:'#foo'})

    }
}
\````

==» El código anterior producirá: »==

function  fancyAlert(arg) {
    if(arg) {
    $.facebox({div:'#foo'})
    }
}

Escapar caracteres

==«==

Para escapar caracteres deberás usar el símbolo \ (barra invertida) justo antes del carácter que se quiere escapar.

==» El código anterior producirá: »==

• (Si vas a incluir paréntesis después de corchetes cuadrados) será necesario escapar el primer paréntesis.

Será necesario hacer esto cuando quieras que alguno de los siguientes caracteres de control sea mostrado en el documento.

\  barra invertida
`  tilde invertida
*  asterisco
_  guión bajo
#  numeral o almohadilla o gato (o como lo llames 😉)
+  símbolo de suma
-  guión
.  punto
!  exclamación
{} llaves
[] corchetes
() paréntesis

==«==

Para evitar que la creación automática de enlaces, deberás escapar parte de sus caracteres así:

==» El código anterior producirá: »==

https://example.com/

==«==

Continúa tu aprendizaje con:

• ⏩ Imágenes en Markdown 📷

==»==

📖 📷 🎬 🍕 🆎 🔲 🌈 ☑️ 📺 🔣 ➗

Hecho con el 💚 en el 2K20.

⚫