Guía de estilo de Markdown


Aquí tienes un ejemplo de sintaxis básica de Markdown que se puede usar al escribir contenido en Astro.

Encabezados

Los siguientes elementos HTML <h1><h6> representan seis niveles de encabezados de sección. <h1> es el nivel más alto, mientras que <h6> es el más bajo.

H1

H2

H3

H4

H5
H6

Párrafo

Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem.

Imágenes

Sintaxis

![Alt text](./full/or/relative/path/of/image)

Salida

blog placeholder

Citas en bloque

El elemento blockquote representa contenido citado de otra fuente, opcionalmente con una atribución dentro de un footer o cite, y con cambios en línea como anotaciones y abreviaturas.

Cita sin atribución


Sintaxis

> Tiam, ad mint andaepu dandae nostion secatur sequo quae.  
> **Nota** que puedes usar _sintaxis de Markdown_ dentro de una cita en bloque.

Salida

Tiam, ad mint andaepu dandae nostion secatur sequo quae. Nota que puedes usar sintaxis de Markdown dentro de una cita en bloque.


Tablas

Sintaxis

| Italics   | Bold     | Code   |
| --------- | -------- | ------ |
| _italics_ | **bold** | `code` |

Salida

cursivaNegritaCódigo
cursivaNegritaCódigo

bloque de código

Sintaxis

Podemos usar 3 comillas invertidas ``` en una nueva línea para escribir fragmentos de código, y cerrarlo con otras 3 comillas invertidas. Para resaltar la sintaxis específica de un lenguaje, escribe el nombre del lenguaje después de las primeras 3 comillas invertidas, por ejemplo: html, javascript, css, markdown, typescript, txt, bash.

<br>

```html
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Documento HTML5 de ejemplo</title>
  </head>
  <body>
    <p>Pruebas</p>
  </body>
</html>
```

Salida

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Documento HTML5 de ejemplo</title>
  </head>
  <body>
    <p>Pruebas</p>
  </body>
</html>

Tipos de listas


Lista ordenada

Sintaxis

1. Primer elemento
2. Segundo elemento
3. Tercer elemento

Salida

  1. Primer elemento
  2. Segundo elemento
  3. Tercer elemento

Lista desordenada

Sintaxis

- Elemento de la lista
- Otro elemento
- Y otro más

Salida

  • Elemento de la lista
  • Otro elemento
  • Y otro más

Lista anidada

Sintaxis

- Frutas
  - Manzana
  - Naranja
  - Plátano
- Lácteos
  - Leche
  - Queso

Salida

  • Frutas
    • Manzana
    • Naranja
    • Plátano
  • Lácteos
    • Leche
    • Queso

Otros elementos — abbr, sub, sup, kbd, mark

Sintaxis

<abbr title="Formato de Intercambio de Gráficos">GIF</abbr> es un formato de imagen de mapa de bits.

H<sub>2</sub>O

X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>

Presiona <kbd>CTRL</kbd> + <kbd>ALT</kbd> + <kbd>Supr</kbd> para finalizar la sesión.

La mayoría de los <mark>salamandras</mark> son nocturnas y cazan insectos, gusanos y otras pequeñas criaturas.

Salida

GIF es un formato de imagen de mapa de bits.

H2O

Xn + Yn = Zn

Presiona CTRL + ALT + Supr para finalizar la sesión.

La mayoría de las salamandras son nocturnas y cazan insectos, gusanos y otras pequeñas criaturas.