-
Notifications
You must be signed in to change notification settings - Fork 0
/
sobremi.html
183 lines (167 loc) · 6.93 KB
/
sobremi.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
<!DOCTYPE HTML>
<html lang="es">
<head>
<!-- Datos que describen el documento -->
<meta charset="UTF-8" />
<meta name ="author" content ="David Gonzalez" />
<meta name ="description" content ="Descripcion de David Gonzalez" />
<meta name ="keywords" content ="descripcion" />
<meta name ="viewport" content ="width=device-width, initial-scale=1.0" />
<title>Escritorio Virtual - Sobre Mi</title>
<link rel="stylesheet" type="text/css" href="estilo.css" />
<link rel="stylesheet" type="text/css" href="layout.css" />
<link rel="icon" href="multimedia/imagenes/favicon.ico"/>
</head>
<body>
<header>
<!-- Datos con el contenidos que aparece en el navegador -->
<h1>Escritorio Virtual</h1>
<nav>
<a href="index.html" accesskey="i" tabindex="1">Index</a>
<a href="agenda.html" accesskey="a" tabindex="2">Agenda</a>
<a href="juegos.html" accesskey="j" tabindex="3">Juegos</a>
<a href="meteorologia.html" accesskey="m" tabindex="4">Meteorologia</a>
<a href="noticias.html" accesskey="n" tabindex="5">Noticias</a>
<a href="sobremi.html" accesskey="s" tabindex="6">Sobre mi</a>
<a href="viajes.html" accesskey="v" tabindex="7">Viajes</a>
</nav>
</header>
<h2>Sobre mí</h2>
<section>
<h3> Aficiones </h3>
<ul>
<li>Jugar a videojuegos
<p>Algunos de mis favoritos son:</p>
<ul>
<li><a href="https://www.suckerpunch.com/category/games/ghostoftsushima/">Ghost of Tsushima</a></li>
<li><a href="https://www.rockstargames.com/gta-v">GTA V</a></li>
<li><a href="https://survivetheark.com/">ARK: Survival Evolved</a></li>
<li><a href="https://www.ubisoft.com/es-es/game/rainbow-six/siege">Rainbow Six Siege</a></li>
</ul>
</li>
<li>Ver videos de Youtube</li>
<li>Ir al cine</li>
<li>Leer comics</li>
<li>Comer</li>
</ul>
</section>
<section>
<h3>Cantantes o grupos favoritos</h3>
<ol>
<li>Tiesto</li>
<li>Morat</li>
<li>Aitana</li>
<li>Imagine Dragons</li>
<li>Tini</li>
</ol>
</section>
<section>
<h3>Asignaturas favoritas</h3>
<dl>
<dt>CPM</dt>
<dd>
Comunicacion Persona-Maquina.
Es la primera asignatura en la que trabajamos de cara al usuario, es decir, mediante una interfaz gráfica.
</dd>
<dt>SEW</dt>
<dd>
Software y Estandares para la Web.
Es muy facil que te guste esta asignatura porque tiene la ventaja de que cada cambio que realizas en tu código
se ve reflejado inmediatamente en la web.
</dd>
<dt>SEV</dt>
<dd>
Software de Entretenimiento y Videojuegos.
Esta asignatura me gusta porque aprendendemos a analizar detalladamente los videojuegos.
</dd>
<dt>FI</dt>
<dd>
Fundamentos de Informatica.
Al ser una de las asignaturas iniciales de la carrera, trabajábamos de manera que, los problemas
de programación que debíamos resolver, eran pequeños problemas de dos o tres línes de enunciado.
Entonces podías concentrarte en una única tarea muy clara y concisa.
</dd>
<dt>BD</dt>
<dd>
Bases de datos.
Esta asignatura me gusta por lo mismo que la anterior, te centrabas en resolver problemas concisos,
no hacía falta pensar mucho, solo encontrar una manera de resolver el problema que tenías delante.
</dd>
</dl>
</section>
<section>
<table>
<caption>
<h3>Temperatura media en Oviedo en los ultimos 10 años</h3>
</caption>
<thead>
<tr>
<th scope="col" id="año">Año</th>
<th scope="col" id="temperatura">Temperatura</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row" id="2013">2013</th>
<td headers="temperatura 2013">12.3</td>
</tr>
<tr>
<th scope="row" id="2014">2014</th>
<td headers="temperatura 2014">13.5</td>
</tr>
<tr>
<th scope="row" id="2015">2015</th>
<td headers="temperatura 2015">13.4</td>
</tr>
<tr>
<th scope="row" id="2016">2016</th>
<td headers="temperatura 2016">13.2</td>
</tr>
<tr>
<th scope="row" id="2017">2017</th>
<td headers="temperatura 2017">13.3</td>
</tr>
<tr>
<th scope="row" id="2018">2018</th>
<td headers="temperatura 2018">13.1</td>
</tr>
<tr>
<th scope="row" id="2019">2019</th>
<td headers="temperatura 2019">13.2</td>
</tr>
<tr>
<th scope="row" id="2020">2020</th>
<td headers="temperatura 2020">13.8</td>
</tr>
<tr>
<th scope="row" id="2021">2021</th>
<td headers="temperatura 2021">13.0</td>
</tr>
<tr>
<th scope="row" id="2022">2022</th>
<td headers="temperatura 2022">14.0</td>
</tr>
</tbody>
</table>
</section>
<section>
<h3>Este soy yo</h3>
<picture>
<source srcset="multimedia/imagenes/fotoPersonal_320x389.jpg" media="(max-width: 465px)">
<source srcset="multimedia/imagenes/fotoPersonal_480x583.jpg" media="(max-width: 799px)">
<img src="multimedia/imagenes/fotoPersonal_768x933.jpg" alt="Imagen de la cara del autor de la página">
</picture>
</section>
<section>
<h3>Trabajando en esta página</h3>
<video controls>
<source src="multimedia/videos/videoWeb720.mp4" type="video/mp4">
<source src="multimedia/videos/videoWeb720.webm" type="video/webm">
</video>
<audio controls>
<source src="multimedia/audios/audioWeb.mp3" type="audio/mp3">
<source src="multimedia/audios/audioWeb.wav" type="audio/wav">
</audio>
</section>
</body>
</html>