# Redacción

> Escribe páginas en HTML simple, con unos pocos componentes htmlpress-* para documentación.

Htmlpress acepta HTML semántico simple desde el primer momento, más un pequeño conjunto de componentes `htmlpress-*` para lo que HTML no tiene elemento: avisos, pestañas, pasos, tarjetas, terminales, diagramas y más. Un proyecto es una carpeta: cada archivo `.html` y `.md` que contiene es una página, y cualquier otro archivo se copia tal cual a la salida, en la misma ruta. Las carpetas que empiezan por punto, como `.git/` y `.htmlpress/`, y `node_modules/`, se omiten. Cada una de las páginas siguientes cubre un área de la redacción.

Cada ejemplo muestra su HTML y su Markdown, la sintaxis de [Livemark](https://livemark.dev) que admite una página `.md`: elige una pestaña y todos los ejemplos de todas las páginas la siguen.

## Funcionalidades

### [Páginas HTML](/es/authoring/html-pages/)

Un documento completo o un fragmento, su head como metadatos y cualquier elemento, estilo o script.

### [Páginas Markdown](/es/authoring/markdown-pages/)

Páginas escritas en Markdown, con frontmatter y directivas.

### [Frontmatter](/es/authoring/frontmatter/)

Las etiquetas de `<head>` que definen el título, la descripción y el orden de una página.

### [Encabezados](/es/authoring/headings/)

ID generados, anclas personalizadas y la tabla de contenidos.

### [Enlaces](/es/authoring/links/)

Enlaces internos, externos y de ancla, URL y la ruta base.

### [Multimedia](/es/authoring/media/)

Imágenes con zoom, vídeo y audio incrustados.

### [Formato de texto](/es/authoring/text-formatting/)

Negrita, cursiva, listas, citas, notas al pie, listas de definiciones y abreviaturas.

### [Elementos enriquecidos](/es/authoring/rich-elements/)

Tablas, avisos, pestañas, pasos, tarjetas, insignias, botones y árboles de archivos.

### [Bloques de código](/es/authoring/code-blocks/)

Botones de copiar, pestañas de código, pestañas de gestores de paquetes y terminales.

### [Sintaxis avanzada](/es/authoring/advanced-syntax/)

Etiquetas de head, scripts, diagramas Mermaid y componentes del proyecto.