-
Notifications
You must be signed in to change notification settings - Fork 0
/
piloto.html
201 lines (186 loc) · 6.55 KB
/
piloto.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
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
<!DOCTYPE HTML>
<html lang="es">
<head>
<!-- Datos que describen el documento -->
<meta charset="UTF-8" />
<meta name ="author" content ="Yeray Rodriguez Granda" />
<meta name ="description" content ="Encontraremos información sobre nuestro piloto Charles Leclerc" />
<meta name ="keywords" content ="F1, piloto, Charles Leclerc" />
<meta name ="viewport" content ="width=device-width, initial-scale=1.0" />
<title>Piloto</title>
<link rel="stylesheet" type="text/css" href="estilo/estilo.css" />
<link rel="stylesheet" type="text/css" href="estilo/layout.css" />
<link rel="icon" href="multimedia/imagenes/icon.ico" />
</head>
<body>
<!-- Datos con el contenidos que aparece en el navegador -->
<header>
<h1><a href="index.html">F1 Desktop</a></h1>
<nav>
<a href="index.html">Inicio</a>
<a href="piloto.html" class="active">Piloto</a>
<a href="noticias.html">Noticias</a>
<a href="calendario.html">Calendario</a>
<a href="meteorologia.html">Meteorología</a>
<a href="circuito.html">Circuito</a>
<a href="viajes.html">Viajes</a>
<a href="juegos.html">Juegos</a>
</nav>
</header>
<p>Estás en: <a href="index.html">Inicio</a> >> Piloto</p>
<main>
<section>
<h2>Charles Leclerc</h2>
<p class="destacado">Nombre y apellidos</p>
<p>Charles Marc Hervé Perceval Leclerc.</p>
<p class="destacado">Dorsal</p>
<p>Número 16.</p>
<p class="destacado">Fecha de nacimiento</p>
<p>Nació el 16 de octubre de 1997.</p>
<p class="destacado">Lugar de nacimiento</p>
<p>Nacido en Montecarlo, Mónaco.</p>
<p class="destacado">Lugar de residencia</p>
<p>En su ciudad natal, Montecarlo.</p> <!-- Añadido punto para consistencia -->
<picture>
<source media="(max-width: 465px)" srcset="multimedia/imagenes/cl_pequena.png">
<source media="(max-width: 799px)" srcset="multimedia/imagenes/cl_media.png">
<source media="(min-width: 800px)" srcset="multimedia/imagenes/cl.png">
<img src="multimedia/imagenes/cl.png" alt="Charles Leclerc"/>
</picture>
</section>
<article>
<h2>Presentación</h2>
<section>
<h3>Introducción</h3>
<p>Hola, soy Charles Leclerc, piloto de Fórmula 1 para la Scuderia Ferrari.<br>
Desde que tengo memoria, las carreras son mi mayor pasión.</p>
</section>
<section>
<h3>Inicios en el automovilismo</h3>
<p>Mi amor por la velocidad comenzó muy temprano, cuando empecé en el karting.<br>
En 2017, tuve el honor de ganar el campeonato de Fórmula 2, y eso me abrió<br>
las puertas de la Fórmula 1.</p>
</section>
<section>
<h3>Debut en la Fórmula 1</h3>
<p>Debuté en la F1 en 2018 con Sauber. Fue un año de mucho aprendizaje,<br>
pero en 2019, Ferrari me dio la oportunidad de unirme a ellos, algo que<br>
siempre había soñado. En mi primera temporada con Ferrari, pude<br>
lograr mis primeras victorias, en los Grandes Premios de Bélgica e Italia.</p>
</section>
<section>
<h3>Objetivos futuros</h3>
<p>Ahora, estoy enfocado en seguir mejorando cada día, dar lo mejor de mí<br>
para Ferrari y, algún día, espero poder ganar un campeonato del mundo con<br>
este equipo tan especial.</p>
</section>
</article>
<section>
<h2>Curiosidades</h2>
<h3>Aficiones</h3>
<ul>
<li>Música
<li>Simulador de carreras
<li>Esquí
<li>Ciclismo
</ul>
<h3>Equipos</h3>
<ol>
<li>Van Amersfoort Racing
<li>Fortec Motorsport
<li>Tech 1 Racing
<li>Prema Powerteam
<li>Prema Racing
<li>Sauber
<li>Ferrari
</ol>
<aside>
<h3>Conceptos</h3>
<dl>
<dt>Pit stop:
<dd>Es una parada que realizan los coches en la pista para recibir mantenimiento, hacer ajustes o cambiar neumáticos.
<dt>Pole:
<dd>Una pole position en Fórmula 1 se refiere a la posición de salida en la primera fila de la parrilla.
<dt>Rake:
<dd>Se refiere al ángulo de inclinación de un coche
<dt>Efecto suelo:
<dd>El efecto suelo es un fenómeno aerodinámico que ocurre cuando un coche de carreras, como en la Fórmula 1,<br>utiliza la forma de su chasis para generar una mayor carga aerodinámica al acercarse al suelo.
</dl>
</aside>
<h3>Trayectoria</h3>
<ul>
<li>2021
<ul>
<li>2º lugar - Gran Premio de Mónaco</li>
<li>3º lugar - Gran Premio de Francia</li>
<li>3º lugar - Gran Premio de Hungría</li>
</ul>
</li>
<li>2022
<ul>
<li>1º lugar - Gran Premio de Australia</li>
<li>1º lugar - Gran Premio de Austria</li>
<li>2º lugar - Gran Premio de Mónaco</li>
<li>3º lugar - Gran Premio de Canadá</li>
</ul>
</li>
<li>2023
<ul>
<li>1º lugar - Gran Premio de Baréin</li>
<li>2º lugar - Gran Premio de Azerbaiyán</li>
<li>3º lugar - Gran Premio de Canadá</li>
</ul>
</li>
</ul>
<h3>Resultados</h3>
<table>
<tr>
<th scope="col" id="categoria" >Categoría</th>
<th scope="col" id="resultado" class="center">Resultado</th>
</tr>
<tr>
<th scope="row" id="puntos" >Puntos</th>
<td headers="puntos resultado" class="center">284</td>
</tr>
<tr>
<th scope="row" id="posicion" >Posición</th>
<td headers="posicion resultado" class="center">4</td>
</tr>
<tr>
<th scope="row" id="poles" >Poles</th>
<td headers="poles resultado" class="center">3</td>
</tr>
<tr>
<th scope="row" id="victorias">Victorias</th>
<td headers="victorias resultado" class="center">1</td>
</tr>
<tr>
<th scope="row" id="podios" >Podios</th>
<td headers="podios resultado" class="center">7</td>
</tr>
</table>
</section>
<section>
<h2>Victoria en Mónaco</h2>
<p>Celebración de Leclerc después de salir campeón en su país</p>
<video controls preload="auto">
<source src="multimedia/videos/cl.mp4">
<source src="multimedia/videos/cl.webm">
</video>
</section>
<section>
<h2>Escucha el Ferrari</h2>
<p>Audio del Ferrari de Charles Leclerc en Mónaco</p>
<audio controls>
<source src="multimedia/audios/cl.mp3">
<source src="multimedia/audios/cl.wav">
</audio>
</section>
<h2>Páginas web relacionadas</h2>
<ul>
<li><a href="https://www.formula1.com/en/drivers/charles-leclerc">F1 driver</a>
<li><a href="https://es.wikipedia.org/wiki/Charles_Leclerc">Wikipedia</a>
</ul>
</main>
</body>
</html>