-
Notifications
You must be signed in to change notification settings - Fork 0
/
gastronomia.html
166 lines (147 loc) · 5.4 KB
/
gastronomia.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
<!DOCTYPE HTML>
<html lang="es">
<head>
<!-- Datos que describen el documento -->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial scale=1.0" />
<meta name="keywords" content="gastronomia" />
<meta name="author" content="Diego Martín Fernández" />
<meta name="description" content="Página web sobre Caravia" />
<title>Caravia</title>
<link rel="stylesheet" type="text/css" href="estilo/estilo.css">
<link rel="stylesheet" type="text/css" href="estilo/layout.css">
</head>
<body>
<header>
<h1>Página web de Caravia</h1>
</header>
<nav>
<a href="./index.html" accesskey="I" tabindex="1">
Página principal
</a>
<a href="./gastronomia.html" accesskey="g" tabindex="2">
Gastronomía
</a>
<a href="./rutas.html" accesskey="T" tabindex="3">
Rutas
</a>
<a href="./meteorologia.html" accesskey="M" tabindex="4">
Meteorología
</a>
<a href="./juego.html" accesskey="C" tabindex="6">
Juego
</a>
<a href="php/login.php" accesskey="C" tabindex="4">
Reservas
</a>
</nav>
<main>
<h1>Gastronomía de Caravia</h1>
<!-- Lista ordenada con al menos 3 elementos - tienen listas anidadas -->
<section>
<h2>Top 3 comidas de Caravia</h2>
<ol>
<li>Cordero
<ul>
<li>Ahumado</li>
<li>A la brasa</li>
<li>En guiso</li>
</ul>
</li>
<li>Berenjena
<ul>
<li>Rellena</li>
<li>A la plancha</li>
</ul>
</li>
<li>Pan
<ul>
<li>Chapata</li>
<li>De maíz</li>
</ul>
</li>
</ol>
</section>
<!-- Lista no ordenada con al menos 3 elementos -->
<section>
<h2>Lugares a los que ir a comer</h2>
<ul>
<li>Casa Carlos</li>
<li>La parroquia</li>
<li>De picnic</li>
</ul>
</section>
<!-- Lista de definición con al menos 3 elementos -->
<section>
<h2>Cosas que no hay que comer</h2>
<dl>
<dt>Uvas</dt>
<dd>No son de temporada</dd>
<dt>Melones</dt>
<dd>Son bastante caros</dd>
<dt>Manzanas</dt>
<dd>Hay una plaga de gusanos</dd>
</dl>
</section>
<!-- Tabla con al menos 3 columnas y 4 filas de datos -->
<section>
<h2>Tabla con los mejores días para ir a cenar</h2>
<table>
<tr>
<th scope="col" id="dia">Día</th>
<th scope="col" id="viernes">Viernes</th>
<th scope="col" id="sabado">Sábado</th>
<th scope="col" id="domingo">Domingo</th>
</tr>
<tr>
<th scope="row" headers="dia" id="9a11">Tiempo</th>
<td headers="viernes" id="9a11viernes">Soleado</td>
<td headers="sabado" id="9a11sabado">Mayormente soleado</td>
<td headers="domingo" id="9a11domingo">Parcialmente nublado</td>
</tr>
<tr>
<th scope="row" headers="dia" id="10a11">Gente</th>
<td headers="viernes" id="10a11viernes">Mucha</td>
<td headers="sabado" id="10a11sabado">Muchísima</td>
<td headers="domingo" id="10a11domingo">Poca</td>
</tr>
<tr>
<th scope="row" headers="dia" id="11a11">Entretenimiento</th>
<td headers="viernes" id="11a11viernes">Orquesta</td>
<td headers="sabado" id="11a11sabado">Desfile</td>
<td headers="domingo" id="11a11domingo">No hay</td>
</tr>
<tr>
<th scope="row" headers="dia" id="12a11">Descuentos</th>
<td headers="viernes" id="12a11viernes">10%</td>
<td headers="sabado" id="12a11sabado">0%</td>
<td headers="domingo" id="12a11domingo">25%</td>
</tr>
</table>
</section>
<!-- Imagen -->
<section>
<h2>Imagen de Caravia</h2>
<p>Es una foto del paisaje de Caravia, ideal para hacer picnic</p>
<img src="multimedia/images/caravia.jpg" alt="Imagen de Caravia" />
</section>
<!-- Audio -->
<section>
<h2>Audio de Caravia</h2>
<p>Es un Audio de Caravia</p>
<audio controls>
<source src="multimedia/audio/caravia.mp3" type="audio/mp3" />
</audio>
</section>
<!-- Video -->
<section>
<h2>Video de Caravia</h2>
<p>Es un video de caravia</p>
<video src="multimedia/videos/caravia.mp4" controls preload="auto"></video>
</section>
</main>
<footer>
<p>Página web de Diego Martín Fernández</p>
</footer>
</body>
</html>