learnxinyminutes-docs/es/markdown.md

250 lines
6.8 KiB
Markdown
Raw Permalink Normal View History

2014-07-24 02:51:26 +00:00
---
2014-07-24 02:52:43 +00:00
filename: markdown-es.md
2014-07-24 02:51:26 +00:00
contributors:
- ["Dan Turkel", "http://danturkel.com/"]
translators:
- ["Daniel Zendejas", "https://github.com/DanielZendejas"]
---
2014-07-24 02:56:21 +00:00
Markdown fue creado por John Gruber en 2004. Su propósito es ser una sintaxis fácil de leer y escribir que se convierta
fácilmente a HTML (y, actualmente, otros formatos también).
2015-10-25 19:38:15 +00:00
¡Denme toda la retroalimentación que quieran! / ¡Sientanse en la libertad de hacer forks o pull requests!
2014-07-24 02:51:26 +00:00
```md
2014-07-24 01:19:10 +00:00
<!-- Markdown está basado en HTML, así que cualquier archivo HTML es Markdown
2014-07-24 02:48:35 +00:00
válido, eso significa que podemos usar elementos HTML en Markdown como, por
ejemplo, el comentario y no serán afectados por un parseador Markdown. Aún
así si creas un elemento HTML en tu archivo Markdown no podrás usar sintaxis
Markdown dentro de él. -->
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
<!-- La implementación de Markdown cambia de acuerdo al parseador. Esta
guía servirá para clarificar cuales características son universales y
cuales son específicas de cada parseador-->
2014-07-24 01:19:10 +00:00
<!-- Headers -->
2014-07-24 02:48:35 +00:00
<!-- Puedes crear headers HTML fácilmente precediendo al texto con una serie
de símbolos de números (#)-->
# Esto es un <h1>
## Esto es un <h2>
### Esto es un <h3>
#### Esto es un <h4>
##### Esto es un <h5>
###### Esto es un <h6>
<!-- Markdown también nos proveé con dos alternativas para indicar h1 y h2 -->
Esto es un h1
2014-07-24 01:19:10 +00:00
=============
2014-07-24 02:48:35 +00:00
Esto es un h2
2014-07-24 01:19:10 +00:00
-------------
2014-07-24 02:48:35 +00:00
<!-- Estilos para texto plano -->
2015-10-25 19:38:15 +00:00
<!-- El texto puede ser fácilmente estilizado con italicas, negritas o tachado
2014-07-24 02:48:35 +00:00
usando markdown -->
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
*Este texto está en itálicas.*
_Al igual que este texto._
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
**Este texto está en negritas.**
__Al igual que este texto.__
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
***Este texto tiene ambos estilos.***
**_Al igual que este!_**
*__¡Y este!__*
2014-07-24 01:19:10 +00:00
2016-02-24 00:12:44 +00:00
<!-- En GitHub Flavored Markdown, el cual es usado para mostrar archivos
Markdown en GitHub, también tenemos: -->
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
~~Este texto está tachado.~~
2014-07-24 01:19:10 +00:00
2015-10-25 19:38:15 +00:00
<!-- Los párrafos son una o múltiples líneas de texto adyacentes separadas por
2014-07-24 02:48:35 +00:00
una o múltiples líneas en blanco-->
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
Este es un párrafo. Estoy escribiendo un párrafo, ¿No es divertido?
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
Ahora estoy en el párrafo dos.
¡Sigo en el párrafo dos!
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
¡Estoy en el párrafo tres!
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
<!-- Si en algún momento quieres insertar un break HTML <br />, puedes terminar
un párrafo con dos o más espacios y luego empieza un párrafo nuevo-->
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
Termino con dos espacios (selecciona esta línea completa para que los veas).
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
¡Hay un <br /> arriba de mí!
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
<!-- Las citas de bloque son fáciles y se pueden hacer con el caracter >. -->
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
> Esta es una cita de bloque. Puedes
> envolver tus líneas manualmente y poner un `>` antes de cada línea o puedes dejar que tus líneas sean muy largas y que se envuelvan solas.
> No hay diferencia, siempre y cuando empiecen con `>`.
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
> ¿También puedes usar más de un nivel
>> de indentación?
> Esto es muy útil ¿No?
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
<!-- Listas -->
<!-- Las listas desordenadas se hacen usando asteriscos, símbolos de más,
o guiones -->
2014-07-24 01:19:10 +00:00
* Item
* Item
2014-07-24 02:48:35 +00:00
* Otro item
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
o
2014-07-24 01:19:10 +00:00
+ Item
+ Item
2014-07-24 02:48:35 +00:00
+ Un item más
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
o
2014-07-24 01:19:10 +00:00
- Item
- Item
2014-07-24 02:48:35 +00:00
- El último item
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
<!-- Las listas ordenadas se logran con un número seguido de un punto -->
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
1. Item uno
2. Item dos
3. Item tres
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
<!-- Aunque Markdown mostrará los items correctamente en orden, esto no
es una buena idea -->
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
1. Item uno
1. Item dos
1. Item tres
<!-- (Esto muestra lo mismo que el ejemplo de arriba) -->
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
<!-- También puedes usar sub-listas -->
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
1. Item uno
2. Item dos
3. Item tres
2014-07-24 01:19:10 +00:00
* Sub-item
* Sub-item
2014-07-24 02:48:35 +00:00
4. Item cuatro
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
<!-- Bloques de código -->
<!-- Puedes indicar un bloque de código (usan los elementos <code>) indentando
una línea con cuatro espacios o un tab-->
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
Esto es código
Esto también
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
<!-- También puedes insertar dos tabs (o cuatro espacios adicionales)
para indentar dentro del código -->
2014-07-24 01:19:10 +00:00
my_array.each do |item|
puts item
end
2014-07-24 02:48:35 +00:00
<!-- Código dentro de la línea puede ser escrito usando la comilla ` -->
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
¡John no sabía lo que la función `go_to()` hacía!
2014-07-24 01:19:10 +00:00
2016-02-24 00:12:44 +00:00
<!-- Con GitHub Flavored Markdown, puedes usar una sintaxis especial para código -->
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
\`\`\`ruby <!-- quita esas comillas cuando lo hagas, deja sólo ```ruby ! -->
2014-07-24 01:19:10 +00:00
def foobar
puts "Hello world!"
end
2014-07-24 02:48:35 +00:00
\`\`\` <!-- aquí también, sin comillas, sólo ``` -->
2014-07-24 01:19:10 +00:00
2016-02-24 00:12:44 +00:00
<!-- El texto de arriba no necesita indentación, aparte GitHub usará
2014-07-24 02:48:35 +00:00
resaltará la sintaxis del lenguaje que especifiques después de ``` -->
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
<!-- Regla horizontal (<hr />) -->
<!-- Las reglas horizontales se agregan fácilmente con tres o más asteriscos o guiones,
con o sin espacios. -->
2014-07-24 01:19:10 +00:00
***
---
- - -
****************
2014-07-24 02:48:35 +00:00
<!-- Ligas -->
<!-- Una de las mejores cosas de Markdown es la facilidad para hacer ligas. Pon
el texto a mostrar en corchetes [] seguidos por la URL en paréntesis () -->
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
[¡Haz click!](http://test.com/)
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
<!-- También puedes agregar el titulo de la liga usando comillas dentro de los paréntesis -->
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
[¡Haz click!](http://test.com/ "Liga al test.com")
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
<!-- También funcionan las rutas relativas. -->
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
[Ir a la música](/music/).
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
<!-- Markdown también soporta ligas con estilo de referencia -->
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
¡[Has click a esta liga][liga1] para más información!
[También mira esta liag][foobar] si quieres.
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
<!-- El título también puede estar en comillas simples o dentro de paréntesis,
también se pueden omitir completamente. Las referencias pueden estar en cualquier
lugar en tu documento y los IDs de referencia pueden ser lo que sea mientras sean únicos. -->
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
<!-- También hay "nombramiento implicito" el cual te permite usar el texto de la liga como id -->
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
[Esta][] es una liga.
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
<!-- Pero no se usa comúnmente. -->
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
<!-- Imagenes -->
<!-- Las imagenes se hacen de la misma forma que las ligas pero con un símbolo de exclamaciónal frente! -->
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
![Esta es una etiqueta (texto alternativo) para mi imagen](http://imgur.com/myimage.jpg "Un titulo opcional")
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
<!-- Y el estilo de referencia funciona como se espera -->
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
![Esta es una etiqueta.][myimage]
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
<!-- Misceláneos -->
<!-- Auto-ligas -->
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
<http://testwebsite.com/> equivale a
2014-07-24 01:19:10 +00:00
[http://testwebsite.com/](http://testwebsite.com/)
2014-07-24 02:48:35 +00:00
<!-- Auto-ligas para correos electrónicos -->
2014-07-24 01:19:10 +00:00
<foo@bar.com>
2014-07-24 02:48:35 +00:00
<!-- Escapando caracteres -->
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
Quiero escribir *este texto rodeado por asteriscos* pero no quiero que esté en itálicas,
así que hago esto: \*Este texto está rodeado de asteriscos\*.
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
<!-- Tablas -->
2016-02-24 00:12:44 +00:00
<!-- Las tablas sólo están disponibles en GitHub Flavored Markdown y son un poco pesadas,
2014-07-24 02:48:35 +00:00
pero si de verdad las quieres: -->
2014-07-24 01:19:10 +00:00
| Col1 | Col2 | Col3 |
| :----------- | :------: | ------------: |
2014-07-24 02:48:35 +00:00
| Izquierda | Centrado | Derecha |
2014-07-24 01:19:10 +00:00
| blah | blah | blah |
2014-07-24 02:48:35 +00:00
<!-- o, para los mismos resultados -->
2014-07-24 01:19:10 +00:00
Col 1 | Col2 | Col3
:-- | :-: | --:
2014-07-24 02:48:35 +00:00
Ugh esto es feo | has que | pare.
2014-07-24 01:19:10 +00:00
2014-07-24 02:48:35 +00:00
<!-- ¡El fin! -->
2014-07-24 02:51:26 +00:00
```
2014-07-24 02:56:21 +00:00
Para más información, mira el post oficial de John Gruber's [aquí](http://daringfireball.net/projects/markdown/syntax) y la gran referencia de Adam Pritchard's [aquí](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet).