Markdown
El tutorial va a estar dividido en 2 importantes ítems:
- Texto
- Imágenes
En vista de que la información es amplia decidí que debía realizarlo en dos posts para su fácil manejo. El primero será dedicado al formato de texto.
Vamos a dar inicio a este maravilloso mundo. ¡Sea bienvenido!
Markdown para texto
- Títulos y encabezados
- Énfasis
- Negrita
- Cursiva
- Tachado
- Negrita y cursiva
- Lista
- Con viñeta
- Con número
- Listas anidadas
- Citas
- Enlaces y vínculos
- Citar un enlace
- Mencionar un usuario Steemit
- Insertar videos Youtube
- Subíndices y superíndices
- Formato de texto
- Centrado
- Justificado
- Texto a la derecha
- Texto a la izquierda
- Texto en dos columnas
- Listas paralelas
- Tablas
- Línea de regla horizontal
1. Títulos y encabezados
Así se escribe
###### Paz y amor
##### Paz y amor
#### Paz y amor
### Paz y amor
## Paz y amor
# Paz y amor
Así se verá
Paz y amor
Paz y amor
Paz y amor
Paz y amor
Paz y amor
Paz y amor
2. Énfasis
Énfasis | Así se escribe | Así se verá |
---|---|---|
Negrita | **Paz y amor** | Paz y amor |
Cursiva | *Paz y amor* | Paz y amor |
Tachado | ~~Paz y amor~~ | |
Negrita y cursiva | ***Paz y amor*** | Paz y amor |
3. Lista
Así se escribe
* Paz
* Amor
* Respeto
* Solidaridad
Así se verá
- Paz
- Amor
- Respeto
- Solidaridad
Así se verá
- Paz
- Amor
- Respeto
- Solidaridad
Así se escribe
1. Paz
1. Amor
1. Respeto
1. Solidaridad
Así se escribe
1. Paz
1. Amor
1. Subcategoría del amor 1
1. Subcategoría del amor 2
1. Respeto
1. Solidaridad
Así se verá
- Paz
- Amor
- Subcategoría del amor 1
- Subcategoría del amor 2
- Respeto
- Solidaridad
Así se escribe
1. Paz
1. Amor
* Subcategoría del amor 1
* Subcategoría del amor 2
1. Respeto
1. Solidaridad
Así se verá
- Paz
- Amor
- Subcategoría del amor 1
- Subcategoría del amor 2
- Respeto
- Solidaridad
4. Citas
Así se escribe
> Los valores son principios que nos permiten orientar nuestro comportamiento en función de realizarnos como personas.
Así se verá
Los valores son principios que nos permiten orientar nuestro comportamiento en función de realizarnos como personas.
5. Enlaces y vínculos
Citar con enlace
Se debe escribir el texto que se reflejará como nuestro hipervínculo entre corchetes [ ] y seguido (sin espacios) se debe escribir la URL o página web entre paréntesis ( ).Mencionar un usuario Steemit
Si desea hacer mención a un usuario de Steemit en su post, simplemente escriba arroba @ seguido del nombre de usuario usado en Steemit.Videos Youtube
Si desea insertar un video desde Youtube, simplemente copie el URL del video y péguelo en su post, automáticamente saldrá el video listo para reproducir.
Enlaces | Así se escribe | Así se verá |
---|---|---|
Citar con enlace | [Bienvenidos al blog de ennyta](https://steemit.com/@ennyta) | Bienvenidos al blog de ennyta |
Mencionar un usuario Steemit | @ennyta | @ennyta |
Videos de Youtube | https://www.youtube.com/watch?v=uq-SMayBvIk |
6. Subíndices y superíndices
Estos son letras o números de tamaño pequeño en comparación con las otras grafías, se colocan en el lado derecho y en la parte de abajo o arriba para indicar algo. Se utilizan, por ejemplo, en las fórmulas químicas, ecuaciones matemáticas, en citas de textos. Entre el código <sub>
se escribe lo que se quiere sea el subíndice y entre el código <sup>
lo que se quiere sea el superíndice, por ejemplo:
... | Así se escribe | Así se verá |
---|---|---|
Subíndice | H<sub>2</sub>S | H2S |
Superíndice | X<sup>n</sup> | Xn |
Esto se puede usar, por ejemplo, para las referencias bibliográficas de las citas. Empleando los ítems explicados anteriormente, el ejemplo quedaría de la siguiente manera:
Paz (del latín pax), definida en sentido positivo, es un estado a nivel social o personal, en el cual se encuentran en equilibrio y estabilidad las partes de una unidad[1]
7. Formato de texto
- Centrar texto
Para centrar el texto se debe colocar el código correspondiente, por ejemplo:
<center> Texto </center>
Así se escribe
<center>
Las sonrisas van escaseando y las cabezas declinando, nadie levanta la voz, ahí van arando el camino del día en silencio, cada quien resguardando como oro su interés, caminando solos sin mirarle la cara al que alcanzó el mismo compás de sus pasos.</center>
Así se verá
- Justificar texto
Para justificar el texto se debe colocar el código correspondiente, por ejemplo:
<div class="text-justify"> Texto </div>
Así se escribe
<div class="text-justify">
Las sonrisas van escaseando y las cabezas declinando, nadie levanta la voz, ahí van arando el camino del día en silencio, cada quien resguardando como oro su interés, caminando solos sin mirarle la cara al que alcanzó el mismo compás de sus pasos.</div>
Así se verá
- Texto a la derecha
Para visualizar el texto alineado hacia la derecha se utiliza el siguiente código:
<div class="text-right"> Texto </div>
Así se escribe
<div class="text-right">
Las sonrisas van escaseando y las cabezas declinando, nadie levanta la voz, ahí van arando el camino del día en silencio, cada quien resguardando como oro su interés, caminando solos sin mirarle la cara al que alcanzó el mismo compás de sus pasos.</div>
Así se verá
- Texto a la izquierda
Para visualizar el texto alineado hacia la izquierda se utiliza el siguiente código:
<div class="text-left"> Texto </div>
Así se escribe
<div class="text-left">
Las sonrisas van escaseando y las cabezas declinando, nadie levanta la voz, ahí van arando el camino del día en silencio, cada quien resguardando como oro su interés, caminando solos sin mirarle la cara al que alcanzó el mismo compás de sus pasos.</div>
Así se verá
- Texto en dos columnas
Para visualizar el texto dividido en dos columnas (como los periódicos por ejemplo), se utiliza el siguiente código:
<div class="pull-left">Texto de 1era columna</div>
<div class="pull-right">Texto de 2da columna</div>
Así se escribe
<div class="pull-left">
Las sonrisas van escaseando y las cabezas declinando, nadie levanta la voz, ahí van arando el camino del día en silencio, cada quien resguardando como oro su interés, caminando solos sin mirarle la cara al que alcanzó el mismo compás de sus pasos.</div>
<div class="pull-right">
Los buenos días van escaseando. Las conversaciones son vacías, los mismos temas de días anteriores se van acumulando, se convierten en meses y años. Se sabe lo que dirá y se sabe lo que el otro responderá.</div>
Así se verá
- Listas paralelas
Esto es para crear listas dispuestas una al lado de la otra, en forma paralela. Para esto se utilizan los siguientes códigos:
<div class="pull-right">
Lista 1
</div>
<div class="pull-left">
Lista 2
</div>
<div class="text-center">
Lista 3
</div>
</div>
Así se escribe
<div class="pull-right">
Paz
Amor
Respeto
</div>
<div class="pull-left">
Unión
Tolerancia
Libertad
</div>
<div class="text-center">
Solidaridad
Honestidad
Dignidad
</div>
</div>
Así se verá
Paz
Amor
Respeto
Unión
Tolerancia
Libertad
Solidaridad
Honestidad
Dignidad
8. Tablas
- Tabla de 2 columnas
Así se escribe
Columna 1 | Columna 2
------------ | -------------
Contenido 1.0 | Contenido 2.0
Contenido 1.1 | Contenido 2.1
Contenido 1.2 | contenido 2.2
Así se verá
Columna 1 | Columna 2 |
---|---|
Contenido 1.0 | Contenido 2.0 |
Contenido 1.1 | Contenido 2.1 |
Contenido 1.2 | contenido 2.2 |
- Tabla de 3 columnas
Así se escribe
Columna 1 | Columna 2 | Columna 3
------------ | ------------- | -------------
Contenido 1.0 | Contenido 2.0 | Contenido 3.0
Contenido 1.1 | Contenido 2.1 | Contenido 3.1
Contenido 1.2 | contenido 2.2 | contenido 3.2
Así se verá
Columna 1 | Columna 2 | Columna 3 |
---|---|---|
Contenido 1.0 | Contenido 2.0 | Contenido 3.0 |
Contenido 1.1 | Contenido 2.1 | Contenido 3.1 |
Contenido 1.2 | contenido 2.2 | contenido 3.2 |
9. Línea de regla horizontal
Así se escribe
---
Así se verá
Espero sea de su provecho esta información.
Gracias ♡
Gracias ♡
Una de las mejores guías que eh leído en este mes felicidades.
Que buen aporte le haces a la comunidad.
Saludos siempre mente positiva.
Gracias, le puse ganas y corazón para que sea del agrado de todos. Me divertí haciéndolo y sólo espero pueda ser de provecho para los futuros posts.
Existen personas que saben lo que hacen y también otras que saben lo que hacen, pero además saben explicarlo. Te felicito muy didáctico. Saludos.
Me siento agradecida por sus palabras. Me complace le haya llegado de buena manera mi intención.
Excelente guía, muy completa y didáctica. Le doy re-steem para dejarla en mis favoritos. Confieso que esto es lo más difícil para mí. Sólo me he atrevido a hacer 2 posts y es debido a que no recuerdo cómo hacer el markdown!
A ver si alguien me dice como poner el acento en la letra "e" con un teclado en Ingles... esto es frustrante.
Amigo le aconsejo primero redactar sus posts en Word, allí haciendo uso del codigo ASCII puede acentuar. Te explico: presiona la tecla Alt (no la sueltes) seguidamente escribes desde el teclado numérico con el BLOQ NUM activado, los siguientes números según la vocal que desees acentuar:
á = 160
é = 130
í = 161
ó = 162
ú = 163
Otra forma de tener tu vocal acentuada es insertando la letra desde la opción símbolo que se muestra en la barra de tareas de Word.
Espero te funcione.
Excelente información. Gracias. Lo voy a dar resteemit para que otros se ayuden como lo hago yo.
Que sea de su entero provecho ♡ Gracias.
Muchas, muchas gracias. Una guía clara y muy sencilla. Las explicaciones y los ejemplos están muy bien concatenados. Además, me encanta el video citado de youtube. Lo voy a reestemear.
Volveré en unas horas para votarte con algo más de sustancia.
Gracias a usted. Me llena de júbilo sus palabras y su gusto por la buena música.
Que buen tutorial @ennyta. Se explica solo. Espero ver pronto el tutorial de imagenes, gracias. Éxitos con esta guía, muy buena. Saludos.
Espero sea de ayuda para tí y otros más. Gracias, siempre gracias ♡
Gracias por compartir tan valiosa información
Siempre a su orden y disposición.
Muy buen post!
Conceptos claros y fácil de comprender!
Muchas gracias por tu aporte!
Que sea de su provecho, lo hice con cariño.
Veinte puntos, @ennyta.
Saludos.
Agradecida con la nota 😊 Un abrazo.
Muy informativo amigo, buen post
Está a su completa disposición. Muchas gracias por sus palabras.
Que guia tan completa @ennyta, te felicito...
Gracias amigo, deseo que muchos le puedan sacar provecho.
Lo deje hasta en mis marcadores de favoritos. Es el mejor tutorial que he visto.
Un placer leerte. Gracias por eso, me complace te haya gustado.
Definitivamente una guía para tener entre mis marcadores, excelente tu publicación y muy agradecido por el aporte.
Estamos para ayudarnos, mi pequeño aporte para esta increible plataforma. Gracias por tus palabras.
EXCELENTE APORTE AMIGA!
Gracias, que sea del provecho de todos. Saludos
Tremendo aporte, me gusto mucho! aplicare una de estas técnicas! saludos!
Excelente, esa es la intención, que lo usemos para dar mejor apariencia a nuestros posts. Saludos
qué útil @ennyta! Gracias por la mención! Un abrazo!
No quería perder la oportunidad de ejemplificar con uno de mis videos favoritos ♡ Gracias a ti.
Muy buena información que me será de mucha ayuda, gracias
Gracias. Esa es la intención, ayudar a mejorar la presentacón de los posts.
Esta muy completa tu guia @ennyta
Gracias por eso.
Está buenísimo. Muy completo
LO tengo en mis marcadores
Honor que me hace, gracias!
Muy buena guía Markdown para los nuevos que se inician y para los que ya tienen tiempo, pero aun dudan de algunas funciones, gracias por compartirlo.
Para que sea de ayuda para mucho, gracias a ti por tus palabras.
Me encanta porque esta sumamente completo, definitivamente lo guardare como "Chuleta" jajajaa, Gracias por compartir.
Seguro. Gracias a ti
Ey muy buena guía ennyta de verdad está bastante completa aunque ya conocía casi todo porque tengo algo de tiempo por aquí, pero siempre se aprender algo nuevo por lo menos no sabia ese método para hacer tablas... yo usaba la manera clásica de HTML con < table>< /table > xD. Gracias por compartir, ¡saludos!
Oh! Agradecida por tus palabras. Tienes razón y realzo lo que afirmaste "siempre se aprende algo nuevo" y eso es lo maravilloso de la vida, que nos da oportunidad de seguir descubriendo novedades. Bonito día para ti @clavismil
Muy didáctico, gracias por compartirlo, @ennyta.
A su entera disposición. Gracias a ti.
de mucha ayuda gracias
A la orden todos.
Excelente guita te felicito, muy buen post... muy completo.
Un placer tus palabras @jimramones Gracias.
Una excelente guía @ennyta. Practica para expertos y noticiarios. Muy didáctica.
¡Que genial este post @ennyta ! Me cayó como anillo al dedo. Me gustaría rebloguearlo, pero aun estoy aprendiendo a manejar esta plataforma y no se que botón debo pulsar. Gracias de antemano.
Muy excelente post de verdad me ah ayudado muchisimo, pero aun no puedo lograr utilizar las negrillas aqui dice que son dos astericos pero lo hago y no me sale saludos
excelente post! gracias por compartir tan buen trabajo, muy bien explicado y fácil de entender... me gusto!