Menú

➡️Lunes Geek | Markdown en Tablets o teléfonos inteligentes / 2da parte

Fuente imágenes: Bitmoji, fondo imagen: captura de pantalla del teléfono

Guía de markdown para usuarios de teléfonos y tablets
consejos para principiantes sin computador

separador new.png

Puedes elegir entre redactar con códigos de markdown, o usar la barra de edición, se elige cualquiera antes de empezar a escribir, una vez seleccionado el modo ya no se puede cambiar y se inhabilita la opción.

Al elegir el modo de códigos, tendremos que usar caracteres no alfabéticos como: #, <, >, «, *, =, /, |, [, ], (, ), entre otros, para indicar la sintaxis adecuada, de modo que ese lenguaje sencillo de programación nos permitirá darle forma al texto.

separador new.png

TABLAS / RECUADROS

LADO IZQUIERDO EDICIÓN CON LA BARRA DE EDICIÓN

Screenshot_2018-12-24-07-10-17.png

Al elegir la barra de edición, queda disponible algunas opciones, que, aunque limitadas, combinándolas correctamente se puede estructurar un buen y bonito blog.

Con la barra de edición no se pueden diseñar tablas, si necesitas mostrar un recuadro tendrás que utilizar códigos markdown.

LADO DERECHO EDICIÓN CON CÓDIGOS

Screenshot_2018-12-24-07-13-01.png

Para hacer un recuadro se utiliza el siguiente símbolo: «|», se obtiene tecleando Alt+124, ejemplo de tabla

|título 1|título 2|
|----|----|
|categoría 1|categoría 2|

Resultado:

título 1 título 2
categoría 1 categoría 2

separador new.png

HIPERVÍNCULO

Screenshot_2018-12-24-07-13-46.png

En la barra de edición, seleccionamos una palabra, después clic sobre el botón hipervínculo (la cadena), se habilita un espacio donde debemos colocar el link donde se redirecciona la palabra.

Útil cuando necesitamos indicar la fuente de alguna información o imagen.

Screenshot_2018-12-24-07-14-40.png

En códigos, se debe escribir lo siguiente:
usando los códigos [],():

[texto](link)

Resultado: texto

separador new.png

CITAS

Screenshot_2018-12-24-07-16-26.png

En ocasiones queremos incluir citas textuales en nuestras publicaciones, por ejemplo, un concepto, la forma correcta es incluyéndolo en forma de cita.

En la barra de edición. seleccionamos el texto o el párrafo y le damos clic al botón de («) comilla.

Screenshot_2018-12-24-07-17-03.png

En códigos, al principio del párrafo a indicar como cita se debe colocar el símbolo mayor que (>)

> párrafo a citar

Resultado:

párrafo a citar

separador new.png

Modificaciones únicas en Markdown

Seguro ya te diste cuenta que trabajar con la barra de edición es muy limitado, si quieres un blog un mejor formato y desarrollo tendrás que utilizar los códigos, para terminar esta serie, te dejo algunos exclusivos que no podrás realizar con la barra de edición:

Justificar párrafos:

<div class="text-justify">

Párrafo a justificar

</div>

Columna de texto a la derecha y columna de texto a la izquierda

<div class="pull-left">

texto a la izquierda

</div>

<div class="pull-right">

texto a la derecha

</div>

Resultado:

texto a la izquierda

texto a la derecha


Puedes jugar con estos, por ejemplo, a la izquierda puedes colocar texto y a la derecha puedes insertar una imagen

Texto de color rojo

 <div class="phishy">Guía de markdown para usuarios de teléfonos y tablets</div>

Resultado:

Guía de markdown para usuarios de teléfonos y tablets

separador new.png

Si eres nuevo en markdown, la práctica diaria será tu aliada, si tenes alguna duda puedes dejarla en los comentarios…

separador new.png

Lunes Geek anteriores:

separador new.png

FIRMA31.png

Agradecido por tu lectura
Podemos estar en contacto por:
Discord: @alcidescadiz#6964, Twitterfacebook.
WordPress http://alcidescadiz.repollo.org

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *