Skip to content

Guía completa sobre el uso de Markdown, incluyendo ejemplos de formato de texto, listas, enlaces, citas, tablas, imágenes, videos, notas al pie de página, tareas, emojis y menciones.

License

Notifications You must be signed in to change notification settings

fmendezy/Guia-de-Markdown

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Logo de la Guía

Este documento esta destinado como un lugar de apuntes para dejar registro de lo aprendido en Markdown para mi carrera como Ingeniero de Informático.

Es importante recordar que Markdown admite HTML en su contenido, permitiéndonos tener más flexibilidad en formato.

Índice

  1. Inicio
  2. Títulos
  3. Formatos de Textos
  4. Listas
  5. Enlaces
  6. Citas
  7. Líneas Separatorias
  8. Insertar Código
  9. Tablas
  10. Imágenes
  11. Notas al Pie de Página
  12. Tareas
  13. Emojis
  14. Menciones

Mi titulo h1

Mi titulo h2

Mi titulo h3

Mi titulo h4

Mi titulo h5

Mi titulo h6

Nota: Sólo llega hasta h6


Formatos de textos

Este es un texto en cursiva.

Este es un texto en negrita.

Este es un texto tachado.

==Este es un texto resaltado.==

También se puede tener cursiva y negrita combinada. Es posible hacerlo también con 3 guiones bajos.

Oficialmente no está el subrayado, pero puedes usar HTML con <u></u>

Es posible colorear el texto usando HTML.

Listas

Listas Desordenadas

  • Manzana
    • Roja
    • Verde
  • Melón
    • Verde
    • Naranjo

Listas Ordenadas

  1. Aprender github.
  2. Aprender Markdown.
  3. Documentar la materia de la carrera.
    1. Ramo 1
    2. Ramo 2
    3. Ramo 3
      1. Unidad 1
      2. Unidad 2
      3. Unidad 3
      4. Exámen
  4. Repetir.

Enlaces

google.cl Posa el mouse encima

Anclas

Las anclas son enlaces internos dentro del mismo contenido.

El siguiente enlace te lleva te permite volver al Índice.

Citas

Esta es una cita.

Esta es una cita de nivel 2

Y esta de nivel 3

Obviamente esta de nivel 4

Lineas separatorias




Código

console.log('Hola mundo en una linea!)

También puede tener formato por lenguaje de programación especifico, si no queda sin

// Ejemplo de código en PHP con formato.
function suma($numeros) {
    $sum = 0;
    foreach ($numeros as $numero) {
        $sum += $numero;
    }
    return $sum;
}
echo suma([1,2,3,4,5,6,7,8,9,10]);
<h1>Aquí otro ejemplo, con código en HTML</h1>

Tablas

Las tablas tienen algo en particular, uno debe darle los "espaciados" para que se vea visualmente agradable en el código Markdown., sin embargo aunque en el código no se vea "bonito" se podrá apreciar en el resultado cómo este toma la forma esperada.

Deben haber al menos tres guiones medios para separar el encabezado.

Producto Cantidad Precio
Coca Cola 2L 1 $1.800
Fruna Cola 1 $800
Pepsi 2L 1 $1.600

Para tener los elementos centrados en la dirección que queramos, agregamos ":" (dos puntos) en la barras de guion medio, al inicio y final para centrado, a la derecha para la derecha.

Columna 1 Columna 2 Columna 3
Alineado a la izquierda Centrado Alineado a la derecha

Imágenes

VS Code Logo

Kotlin Logo

Versión HTML con ajustes de alto y ancho:

Logo de Kotlin

Notas al pie de página

Oficialmente no forman parte principal de Markdown pero se pueden utilizar.

Este es un nota simple referenciada1. Esta es una segunda nota referenciada. 2.

Tareas

  • Tarea 1
  • Tarea 2
  • Tarea 3
  • Tarea 4

Emojis

Se pueden obtener desde aquí 😍 😊 😎 ❤️ 🌟 🔥 💪

Menciones

Es posible hacer menciones a usuarios de Github. @fmendezy 💪 +1

Footnotes

  1. Aquí va la primera referencia.

  2. Y aquí la segunda.

About

Guía completa sobre el uso de Markdown, incluyendo ejemplos de formato de texto, listas, enlaces, citas, tablas, imágenes, videos, notas al pie de página, tareas, emojis y menciones.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published