CÓDIGO DEL TRABAJO

Cabecera y estados visuales

Explora los archivos de la versión presentada. Selecciona un archivo para leer su código.

ejercicio-07.html

<!doctype html>
<html lang="es">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Tabla con cabecera</title>
  <link rel="stylesheet" href="ejercicio-07.css">
</head>
<body>
<main><h1>Tabla con cabecera oscura</h1><section tabindex="0" aria-label="Tabla desplazable"><table>
  <caption>Temperaturas de ejemplo</caption>
  <thead><tr><th scope="col">Ciudad</th><th scope="col">Temperatura</th></tr></thead>
  <tbody><tr><th scope="row">Madrid</th><td class="temperatura">28 °C</td></tr><tr><th scope="row">Burgos</th><td class="temperatura">16 °C</td></tr><tr><th scope="row">Valencia</th><td class="temperatura">25 °C</td></tr></tbody>
</table></section></main>
<nav aria-label="Navegación"><a href="index.html">Volver al índice</a></nav>
</body>
</html>