DEV Community

Cover image for Guía rápida para usar Markdown
Lino Mattos
Lino Mattos

Posted on

Guía rápida para usar Markdown

#markdown #spanish #guia

Markdown es sencillo de aplicar para dar formato a nuestro texto. Muy útil en la creación de archivos README.md en github.
Aquí tienen una guía básica con ejemplos, más unos enlaces interesantes para profundizar en este lenguaje de marcado.

Líneas separadoras 

---
___
Enter fullscreen mode Exit fullscreen mode

Citas

"Esta es una cita."

> "Esta es una cita."
Enter fullscreen mode Exit fullscreen mode

Encabezados

h1

h2

h3

h4

h5
h6 
# h1
## h2
### h3
#### h4
##### h5
###### h6
Enter fullscreen mode Exit fullscreen mode

Imágenes

Logo Markdown

![Logo Markdown](url de la imagen)
Enter fullscreen mode Exit fullscreen mode

Itálica

Itálica 1 Itálica 2_

*Itálica 1* _Itálica 2_
Enter fullscreen mode Exit fullscreen mode

Negrita

negrita 1 negrita 2

**negrita 1** __negrita 2__
Enter fullscreen mode Exit fullscreen mode

Tachado

tachado

~~tachado~~
Enter fullscreen mode Exit fullscreen mode

Listas

Ordenadas

  1. uno
    1. sub uno
    2. sub dos
  2. dos
  3. tres 
1. uno
 1. sub uno
 2. sub dos
2. dos
3. tres
Enter fullscreen mode Exit fullscreen mode

desordenadas

  • uno
  • dos
  • tres 
- uno
- dos
- tres
Enter fullscreen mode Exit fullscreen mode

Código

Para mostrar bloques de código, lo encerramos dentro de 3 backticks de apertura y cierre. Adicionalmente, si en los primeros tres backticks ponemos el nombre del código del bloque, nos resaltará la sintaxis que este tiene.

   {"nombre": "pepe"}
Enter fullscreen mode Exit fullscreen mode

Enlaces

google

[google](www.google.com "la pagina de google")
Enter fullscreen mode Exit fullscreen mode

Email

linomattos7@gmail.com

<linomattos7@gmail.com>
Enter fullscreen mode Exit fullscreen mode

Tablas

uno dos tres
1 2 3 
| uno |  dos  | tres  |
| --- |  ---  |  ---  |
|  1  |   2   |   3   |
Enter fullscreen mode Exit fullscreen mode

Enlaces interesantes:

Lenguajes soportados para el resaltado de sintaxis.

https://www.rubycoloredglasses.com/2013/04/languages-supported-by-github-flavored-markdown/

Sintaxis básica de Markdown.

https://www.markdownguide.org/basic-syntax

Sintaxis extendida de Markdown

https://www.markdownguide.org/extended-syntax/

Top comments (1)

Collapse
 
maxwellnewage profile image
Maximiliano Burgos •

Buen artículo! Existe alguna limitación entre el Markdown que se utiliza en crear artículos aca con respecto, por ejemplo, al que se usa en los README.md de GitHub?

Read next

abzresponsible profile image

Reasons why ChatGPT probably won't change everything for us right now!

Abdi Abyan -

r4nd3l profile image

Front-end specialisations: DX Engineer

Matt Miller -

mydelta8store profile image

Hamrful Technologies for Peace of Mind 

My Delta 8 Store -

dealsinsight profile image

TOP 5 REASONS TO INVEST IN B2B LEAD GENERATION

Dealsinsight -