🔎 Lo que puedes encontrar en internet (V) - Uso de Markdown (II)

in #spanish8 years ago

Parte 1

  1. Encabezamientos
  2. Formato básico de texto
  3. Tablas
  4. Listas con viñetas
  5. Citas o bloques de texto
  6. Líneas Horizontales



En el post anterior olvidé añadir algunas opciones más de líneas horizontales, así que lo pongo aquí y así las tenéis todas :)

Como ya comenté, podemos utilizar una secuencia de asteriscos (*) o guiones medios (-), pero también se puede hacer así:

Una línea <hr/>


Dos líneas <hr/><hr/>



También se le puede adjudicar color y tamaño a la línea, pero sólo se ve en steemdb.com, así que no tiene mucho sentido. Aún así os lo dejo aquí. Lo que debes hacer es añadir el color y el tamaño deseado. Por ejemplo:

<hr color="blue" size=3>


7. Hipervínculos

Markdown tiene una sintaxis muy sencilla para los hipervínculos. Existen dos estilos, en línea y por referencia.

- En línea


Son aquellos enlaces que ponemos dentro de una misma frase o párrafo.
El texto del enlace se escribe entre corchetes [Texto del Enlace], escribiendo la URL inmediatamente después entre paréntesis (http://example.com). Por ejemplo, si quiero integrar un enlace a Steemit dentro de una frase o párrafo, tendría que poner [Steemit](https://steemit.com). Como veis, puedo seguir escribiendo normalmente, la palabra Steemit es un enlace y haciendo click en ella os llevará, en este caso, a la página de inicio.

- Referencia


Ya sabéis que cuando una imagen o texto no es de nuestra propiedad hay que citar siempre al autor ¡¿verdad?!
Pues de esta manera quedará muy bien visualmente. Se puede poner justo a continuación de la imagen/texto o también se puede hacer al final del post. Yo personalmente prefiero hacerlo al final, porque que me parece que queda mejor. Además también me parece más fácil. Vosotros, por supuesto, lo podéis hacer de la manera que más os guste :)

  • Opción 1 - A continuación de la imagen/texto:

Agregamos el texto del enlace entre corchetes [ ] y seguidamente, también entre corchetes, un identificador, generalmente un número. Al final del documento, agregamos el identificador entre corchetes [ ], seguido de dos puntos :
Después incluimos la URL y el título. Opcionalmente podemos delimitar la URL entre signos de mayor que < y menor que >.
Ya veréis que es más sencillo de lo que parece:

[Enlace 1][1]

Al final de la página:



  • Opción 2 - Al final del post:

Yo, una vez que termino mi post, hago una sección para los créditos utilizando líneas separadoras que la definan, y ahí pongo toda la información de las imágenes que no sean mias. Así:


Aunque muchas veces utilizo imágenes de Unsplash o Pixabay, que son libres de derechos de autor bajo Creative Commons, siempre me gusta nombrar al dueño de la imagen, como gesto de agradecimiento.


Esto es una captura de uno de mis posts, donde se puede ver cómo quedaría la sintaxis de arriba:


8. Nota al pie.

Esta es una de las que hay que guardar en algún sitio, porque no es tan fácil de recordar, al menos para mi :)

Supongamos que he puesto la palabra "Cockpit" y no estoy segura de que todos sabéis lo que es, pues junto a la palabra y SIN espacios ponemos la primera sintaxis y luego, al final del post, la segunda sintaxis y la definición de la palabra. Así:

Cockpit<A NAME="Cockpit_1"></A><A HREF="#nota1"><SUP>1</SUP></A><BR><P>

Al final del post pondremos:

**Cockpit**<A NAME="nota_1"></A><A HREF="#cockpit_1"><SUP>1</SUP></A>: *Cabina para la tripulación técnica de un avión*

El resultado en el párrafo de mi post será este:

Cockpit1

Y al pie de página veremos la definición:

Cockpit1: Cabina para la tripulación técnica de un avión.

Si tuviéramos más de una palabra para definir, simplemente cambiamos el número 1 por 2, 3, 4, y así sucesivamente, tanto en la sintaxis que va junto a la palabra como en la que va al pie de la página. Por ejemplo, para una segunda nota tendría que poner:

Palabra 2<A NAME="Palabra 2_2"></A><A HREF="#nota2"><SUP>1</SUP></A><BR><P>

Palabra 2<A NAME="nota_2"></A><A HREF="#cockpit_2"><SUP>1</SUP></A>: Definición


9. Imágenes

Añadir imágenes es tan sencillo como copiar y pegar la URL del sitio donde se encuentra alojada:



¿Quieres centrarlas? Pues sólo tienes que añadir <center>ruta de la imagen</center>

Las imágenes también se pueden poner una junto a la otra, junto a un texto, etc.

Una imagen junto a otra sería así:

O así:

En ocasiones, debido a las dimensiones de las imágenes, estas sintaxis no me funcionan, entonces lo que hago es utilizar una tabla, borro los encabezamientos y en la línea de texto copio y pego los enlaces de las fotos. No es lo ideal pero al menos funciona :)

Lo hago así:

Y quedaría así:



Con esta sintaxis se puede alinear una imagen a la derecha y el texto que escribas a continuación de la misma, ocupará la parte izquierda.

Si quisiéremos hacer un salto, para no seguir escribiendo al lado de la imagen, deberíamos indicarlo con <br>.

Para hacerlo al contrario, tan sólo habría que cambiar "rigth" por "left". Así:
La imagen estará alineada a la izquierda y el texto quedará a la derecha.


10. Videos de Youtube

Sólo tienes que poner el enlace. Alternativamente puedes añadir una frase o nombre:

Con nombre del video

[Título del video de Youtube](Enlace)

PULCINO PIO - Il Pulcino Pio (Official video)

Sin nombre

Simplemente copiar y pegar el enlace.




Y esto es todo lo que sé.

Si encuentro algo más, prometo compartirlo con todos vosotros :)

¡Hasta pronto!





@nelyp


9be3eb7082fc0340fe97d9d965268fa7.png



Imágenes:

[1] El resto de las imágenes son hechas por mí.

Video YouTube: Radio Globo [PULCINO PIO official channel].
Licencia de YouTube estándar.



Sort:  

excelente trabajo, gracias por la información, muchas gracias. Felicidades

De nada @jlufer, gracias a ti por leerlo!
Por cierto, veo que vas muy bien ahora, me alegro muchísimo :)

Il puccino pio!!!!

Gracias por estos manuales @nelyp, me los pongo directamente en los marcadores del navegador.
Buen trabajo como siempre.
Abrazos!!!

¿A ti también te gusta el pulcino? A mi me encanta jajaja.
De nada, es un placer compartirlo con vosotros :)
¡Abrazo volador! xD

This post has been linked to from another place on Steem.

Learn more about and upvote to support linkback bot v0.5. Flag this comment if you don't want the bot to continue posting linkbacks for your posts.

Built by @ontofractal

Coin Marketplace

STEEM 0.20
TRX 0.13
JST 0.030
BTC 64599.25
ETH 3467.96
USDT 1.00
SBD 2.55