Guía Completa de Markdown

Este artículo demuestra todos los elementos de Markdown que puedes usar en el blog de PB-CEC.

Encabezados

Los encabezados se crean con el símbolo #:

Encabezado Nivel 3

Encabezado Nivel 4

Encabezado Nivel 5

Encabezado Nivel 6

Énfasis de Texto

Puedes aplicar diferentes estilos al texto:

• Texto en negrita usando **texto**
• Texto en cursiva usando *texto*
• Texto en negrita y cursiva usando ***texto***
• Texto tachado usando ~~texto~~

Listas

Lista No Ordenada

• Primer elemento
• Segundo elemento
• Tercer elemento
  • Sub-elemento 1
  • Sub-elemento 2
    • Sub-sub-elemento

Lista Ordenada

1. Primer paso
2. Segundo paso
3. Tercer paso
   1. Sub-paso A
   2. Sub-paso B
4. Cuarto paso

Lista de Tareas

• Tarea completada
• Otra tarea completada
• Tarea pendiente
• Otra tarea pendiente

Enlaces e Imágenes

Enlaces

Puedes crear enlaces a sitios externos o a otras páginas del blog.

También puedes usar enlaces de referencia:

Google GitHub

Imágenes

Citas en Bloque

La educación es el arma más poderosa que puedes usar para cambiar el mundo.

— Nelson Mandela

Puedes anidar citas:

Primera cita

Cita anidada

Cita doblemente anidada

Código

Código Inline

Puedes mostrar código inline como const x = 10; usando backticks.

Bloques de Código

// Código JavaScript
function saludar(nombre) {
  console.log(`¡Hola, ${nombre}!`);
}

saludar("PB-CEC");

# Código Python
def calcular_promedio(notas):
    return sum(notas) / len(notas)

promedio = calcular_promedio([8, 9, 7, 10])
print(f"Promedio: {promedio}")

# Comandos de terminal
npm install
npm run dev

Tablas

Las tablas son útiles para presentar datos estructurados:

Curso	Duración	Nivel
Excel Avanzado	40 horas	Intermedio
Power BI	32 horas	Básico
Python para Data Science	60 horas	Avanzado
Marketing Digital	48 horas	Intermedio

Puedes alinear columnas:

Izquierda	Centro	Derecha
Texto	Texto	Texto
Más	Más	Más

Líneas Horizontales

Puedes crear separadores con tres o más guiones:

---

Enlaces Automáticos

URLs y emails se convierten automáticamente en enlaces:

https://www.pbcec.edu.ec

contacto@pbcec.edu.ec

Escape de Caracteres

Si necesitas mostrar caracteres especiales literalmente, usa la barra invertida:

*Este texto no está en cursiva*

# Esto no es un encabezado

Notas al Pie

Aquí hay una referencia a una nota al pie¹.

Puedes usar números² o texto³ para las referencias.

Abreviaciones

Puedes definir abreviaciones que se mostrarán con un tooltip:

*[HTML]: HyperText Markup Language *[CSS]: Cascading Style Sheets

HTML y CSS son tecnologías fundamentales para el desarrollo web.

Definiciones

Término : Definición del término

Otro término : Primera definición : Segunda definición

Contenido Avanzado

Advertencias y Alertas

Nota: Esta es una nota importante.

Advertencia: Ten cuidado con esto.

Tip: Un consejo útil para ti.

Emojis

¡Puedes usar emojis! 🎓 📚 ✨ 🚀 💡

Elementos HTML

También puedes usar HTML directamente cuando necesites más control:

<div style="background-color: #f0f0f0; padding: 20px; border-radius: 8px; margin: 20px 0;"> <h4>Cuadro de Información</h4> <p>Este es un cuadro personalizado usando HTML.</p> </div> <details> <summary>Haz clic para expandir</summary>

Este contenido está oculto hasta que hagas clic en el resumen.

</details>

Conclusión

Este artículo demuestra todos los elementos principales de Markdown que puedes usar en el blog de PB-CEC. Con estas herramientas, puedes crear contenido rico y bien formateado para tus artículos.

Próximos Pasos

1. Experimenta con estos elementos
2. Crea tu propio artículo
3. Revisa la documentación para más detalles

---

¿Tienes preguntas? Contáctanos en contacto@pbcec.edu.ec

Footnotes

1. Esta es la primera nota al pie. ↩

2. Esta es la segunda nota al pie con más contenido. ↩

3. Las notas al pie pueden tener cualquier identificador. ↩