====== 01 - HTML ======
**HTML** (*HyperText Markup Language*) describe la **estructura** de una página web mediante etiquetas. El navegador la interpreta y la presenta; CSS aporta el aspecto y JavaScript (o TypeScript) el comportamiento.
===== 1. Estructura de un documento =====
Catálogo de libros
Catálogo
* '''' declara la versión del lenguaje.
* '''' contiene metadatos: codificación, título, enlaces a CSS.
* '''' contiene el contenido visible.
===== 2. Etiquetas semánticas =====
Las etiquetas describen el **significado** del contenido, no su aspecto:
Novedades
Los últimos títulos incorporados.
...
^ Etiqueta ^ Uso ^
| ''header'', ''footer'' | Cabecera y pie de la página o sección |
| ''nav'' | Bloque de navegación |
| ''main'' | Contenido principal (solo uno) |
| ''section'', ''article'' | Agrupaciones temáticas |
| ''aside'' | Contenido complementario |
===== 3. Texto, listas y enlaces =====
Novedades
Los últimos títulos incorporados.
Ver el libro
===== 4. Formularios =====
Los formularios recogen datos del usuario y los envían al servidor:
^ Atributo ^ Función ^
| ''name'' | Nombre del campo; es la clave con la que llega al servidor |
| ''type'' | Tipo de dato: ''text'', ''email'', ''password'', ''number'', ''date'' |
| ''required'', ''minlength'' | Validación básica del navegador |
| ''label'' con ''for'' | Etiqueta asociada al campo (accesibilidad) |
===== 5. Datos y tablas =====
| Título | Autor |
|---|
| Código limpio | Robert C. Martin |
El HTML expone la estructura y el significado, no el estilo. Los identificadores y clases que pongas aquí (por ejemplo ''id="email"'') son los que usará CSS para el aspecto y Playwright para las pruebas E2E.