Markdown to HTML Converter

Cómo usar

1. Escriba o pegue el texto marcado en el área de entrada a la izquierda.
2. La salida HTML aparecerá automáticamente a la derecha.
3. Haga clic en el botón "copiar HTML" para copiar el HTML generado a su portapapeles.
4. Vea una vista previa en vivo de cómo se verá su HTML en la sección inferior.

Sintaxis de Markdown

Formateo Básico de Texto

Títulos: Utiliza # para los títulos. La cantidad de # (1 - 6) indica el nivel del título. Por ejemplo, # Título 1. Después de los #, deja un espacio antes de escribir el contenido del título.

Párrafos: Simplemente escribe el texto. Las líneas de texto consecutivas forman un párrafo, y los párrafos se separan mediante líneas en blanco.

Saltos de Línea: Al final de una línea, añade dos espacios y luego presiona Enter, o presiona Enter dos veces para crear una nueva línea.

Negrita: Envuelve el texto con ** o __, como **texto en negrita**.

Cursiva: Envuelve el texto con * o _, como *texto en cursiva*.

Negrita y Cursiva: Envuelve el texto con *** o una combinación de ** y _, como ***texto en negrita y cursiva***.

Tachado: Envuelve el texto con ~~, como ~~texto tachado~~.

Listas

Listas sin Orden: Comienza con -, + o *, como - Elemento de la lista 1. Separa los elementos de la lista con líneas en blanco.

Listas con Orden: Comienza con un número seguido de un ., como 1. Elemento de la lista 1. El orden real de los números no importa ya que se ordenarán automáticamente al renderizar.

Bloques de Cita

Bloques de Cita Básicos: Comienza con >, como > contenido citado. Puedes anidar bloques de cita utilizando múltiples > para indicar niveles.

Bloques de Cita con Formato: Puedes utilizar otros formatos de Markdown dentro del bloque de cita después del >.

Código

Código en Línea: Envuelve el código con comillas invertidas `, como `código`.

Bloques de Código: Envuelve el código con tres comillas invertidas y opcionalmente especifica el lenguaje, como contenido del código en python. Los bloques de código pueden abarcar varias líneas.

Enlaces e Imágenes

Enlaces: Utiliza el formato [texto del enlace](URL del enlace), como [Baidu](https://www.anyconverters.com).

Imágenes: Utiliza el formato , como . El texto alternativo se mostrará si la imagen no se carga correctamente.

Tablas

Tablas Básicas: Utiliza | para separar columnas y - para crear un separador entre encabezado y contenido. Por ejemplo:

|Encabezado 1|Encabezado 2| |---|---| |Celda 1|Celda 2|

Alineación: En la línea de separador, utiliza :--- para alineación a la izquierda, ---: para alineación a la derecha y :---: para alineación al centro. Por ejemplo:

|Alineado a la Izquierda|Alineado a la Derecha|Alineado al Centro| |:---|---:|:---:| |Celda 1|Celda 2|Celda 3|

Ecuaciones Matemáticas

Ecuaciones en Línea: Envuelve las ecuaciones con $, como $E=mc^2$.

Ecuaciones en Bloque: Envuelve las ecuaciones con dos $, como $$E=mc^2$$, lo cual mostrará la ecuación en una línea separada.

Otros

Listas de Tareas: Utiliza - [ ] para una tarea incompleta y - [x] para una tarea completada, como - [ ] Tarea 1.

Emojis: Introduce en el formato :emoji:, como :smile:. Los emojis soportados pueden variar en diferentes plataformas.