# Formato de texto

> Negrita, cursiva, código, citas, listas, notas al pie, listas de definiciones y abreviaturas.

El texto es HTML simple, y el tema da estilo a los propios elementos: escribe marcado semántico y ya tendrá buen aspecto. Sin clases, sin estilos en línea.

## Negrita y cursiva

**HTML**

```html
<strong>bold text</strong> and <em>italic text</em> and <strong><em>bold italic</em></strong>
```

**Markdown**

```md
**bold text** and *italic text* and ***bold italic***
```

Se renderiza como: **texto en negrita** y *texto en cursiva* y **_negrita y cursiva_**

## Tachado

**HTML**

```html
<s>deleted text</s>
```

**Markdown**

```md
~~deleted text~~
```

Se renderiza como: ~~texto eliminado~~

## Código en línea

```
Use <code>const x = 1</code> for inline code.
```

Se renderiza como: Usa `const x = 1` para código en línea.

`<kbd>` marca una tecla: pulsa `Ctrl` + `C` para copiar.

## Resaltado de código en línea

Un `<code>` en línea con una clase `language-*` se resalta como un bloque, en los mismos temas claro y oscuro.

**HTML**

```html
Run <code class="language-js">await build("docs")</code> first.
```

**Markdown**

```md
Run `await build("docs"){:js}` first.
```

Se renderiza como: Ejecuta primero `await build("docs")`.

## Citas

**HTML**

```html
<blockquote><p>This is a blockquote.</p></blockquote>
```

**Markdown**

```md
> This is a blockquote.
```

Se renderiza como:

> Esto es una cita.

## Listas

Listas no ordenadas y ordenadas:

- Primer elemento
- Segundo elemento
  - Elemento anidado

1. Paso uno
2. Paso dos
3. Paso tres

**HTML**

```html
<ul>
  <li>First item</li>
  <li>Second item<ul><li>Nested item</li></ul></li>
</ul>
<ol><li>Step one</li><li>Step two</li></ol>
```

**Markdown**

```md
- First item
- Second item
  - Nested item

1. Step one
2. Step two
```

## Listas de tareas

Un elemento de lista encabezado por una casilla desactivada:

**HTML**

```html
<ul>
  <li><input type="checkbox" checked disabled> Completed task</li>
  <li><input type="checkbox" disabled> Pending task</li>
</ul>
```

**Markdown**

```md
- [x] Completed task
- [ ] Pending task
```

Se renderiza como:

- [x] Tarea completada
- [ ] Tarea pendiente

## Reglas horizontales

**HTML**

```html
<hr>
```

**Markdown**

```md
---
```

***

## Notas al pie

No hace falta ningún componente. Una referencia a una nota al pie es un enlace `<sup>` a un `<li>` con ese id; al pasar el ratón o enfocar la referencia se muestra una vista previa de su nota, sin los enlaces de vuelta. Sin el script, el enlace sigue saltando a la nota.

```
Here is a sentence with a footnote<sup><a href="#note-1" id="ref-1">1</a></sup>.

<ol>
  <li id="note-1">This is a numbered footnote. <a href="#ref-1">↩</a></li>
</ol>
```

Se renderiza como:

Aquí hay una frase con una nota al pie[1](#note-1) y otra[2](#note-2).

1. Esto es una nota al pie numerada. [↩](#ref-1)
2. Pasa el ratón por la referencia para leer la nota en su sitio. [↩](#ref-2)

## Listas de definiciones

Define términos con sus descripciones:

**HTML**

```html
<dl>
  <dt>Page</dt>
  <dd>An .html file in a project</dd>
  <dt>Escape</dt>
  <dd>A project file that replaces a built-in asset</dd>
  <dd>Kept under .htmlpress/</dd>
</dl>
```

**Markdown**

```md
Page
: An .html file in a project

Escape
: A project file that replaces a built-in asset
: Kept under .htmlpress/
```

Se renderiza como:

- Página

  Un archivo `.html` de un proyecto

- Escape

  - Un archivo del proyecto que sustituye a un recurso integrado
  - Se guarda en `.htmlpress/`

## Abreviaturas

No hace falta ningún componente. Un `<abbr title>` muestra su forma completa al pasar el ratón o al enfocarlo; sin el script, el título sigue siendo un tooltip nativo.

```
The <abbr title="HyperText Markup Language">HTML</abbr> standard is maintained by <abbr title="World Wide Web Consortium">W3C</abbr>.
```

Se renderiza como: El estándar HTML lo mantiene el W3C.

## Emoji

Escribe los caracteres emoji directamente; las páginas están en UTF-8:

```
🚀 Launch 🎉 Celebrate ❤️ Love ⚠️ Careful ✅ Done
```

Se renderiza como: 🚀 Lanzar 🎉 Celebrar ❤️ Amor ⚠️ Cuidado ✅ Hecho

Los códigos cortos de GitHub se convierten en emoji al compilar; uno desconocido, y cualquier cosa dentro de código o de un elemento `data-literal`, se queda tal como está escrito:

**HTML**

```html
Ship it :rocket: :tada:
```

**Markdown**

```md
Ship it :rocket: :tada:
```

Se renderiza como: Publícalo 🚀 🎉
