====== 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 Portada del 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ítuloAutor
Código limpioRobert 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.