A continuación se muestra un ejemplo de sintaxis básica de Markdown que se puede utilizar al escribir contenido de Markdown en Astro.
Encabezados#
Los siguientes elementos HTML <h1>—<h6> representan seis niveles de encabezados de sección. <h1> es el nivel de sección 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. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.
Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.
Imágenes#
Sintaxis#
Salida#
Citas en bloque#
El elemento blockquote representa contenido que se cita de otra fuente, opcionalmente con una cita que debe estar dentro de un footer o elemento de cita cite, y opcionalmente con cambios en línea como anotaciones y abreviaturas.
Cita en bloque sin atribución#
Sintaxis#
> Tiam, ad mint andaepu dandae nostion secatur sequo quae.> **Note** that you can use _Markdown syntax_ within a blockquote.Salida#
Tiam, ad mint andaepu dandae nostion secatur sequo quae. Note that you can use Markdown syntax within a blockquote.
Cita en bloque con atribución#
Sintaxis#
> Don't communicate by sharing memory, share memory by communicating.<br>> — <cite>Rob Pike[^1]</cite>Salida#
Don’t communicate by sharing memory, share memory by communicating.
— Rob Pike1
Tablas#
Sintaxis#
| Italics | Bold | Code || --------- | -------- | ------ || _italics_ | **bold** | `code` |Salida#
| Italics | Bold | Code |
|---|---|---|
| italics | bold | code |
Bloques de código#
Sintaxis#
podemos usar 3 comillas invertidas ``` en una nueva línea y escribir un fragmento y cerrar con 3 comillas invertidas en una nueva línea y para resaltar la sintaxis específica del idioma, escribir una palabra del nombre del idioma después de las primeras 3 comillas invertidas, por ejemplo, html, javascript, css, markdown, typescript, txt, bash
```html<!doctype html><html lang="en"> <head> <meta charset="utf-8" /> <title>Example HTML5 Document</title> </head> <body> <p>Test</p> </body></html>```Salida#
<!doctype html><html lang="en"> <head> <meta charset="utf-8" /> <title>Example HTML5 Document</title> </head> <body> <p>Test</p> </body></html>Tipos de listas#
Lista ordenada#
Sintaxis#
1. First item2. Second item3. Third itemSalida#
- First item
- Second item
- Third item
Lista desordenada#
Sintaxis#
- List item- Another item- And another itemSalida#
- List item
- Another item
- And another item
Lista anidada#
Sintaxis#
- Fruit - Apple - Orange - Banana- Dairy - Milk - CheeseSalida#
- Fruit
- Apple
- Orange
- Banana
- Dairy
- Milk
- Cheese
Otros elementos: abbr, sub, sup, kbd, mark#
Sintaxis#
<abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.
H<sub>2</sub>O
X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
Press <kbd>CTRL</kbd> + <kbd>ALT</kbd> + <kbd>Delete</kbd> to end the session.
Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.Salida#
GIF is a bitmap image format.
H2O
Xn + Yn = Zn
Press CTRL + ALT + Delete to end the session.
Most salamanders are nocturnal, and hunt for insects, worms, and other small creatures.