-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmusica.html
138 lines (127 loc) · 6.07 KB
/
musica.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
<!DOCTYPE html>
<html lang="es">
<head>
<!-- Metadatos -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Martín Fernández González">
<meta name="description" content="Página de información sobre mis gustos musicales">
<meta name="keywords" content="Musica, Reggaeton, Artistas, Canciones">
<!-- Título de la página -->
<title>Página web Martín Fernández González - Gustos musicales</title>
<!-- Estilos de la página -->
<link rel="stylesheet" href="estilos/grid_layout_2.css">
<link rel="stylesheet" href="estilos/nav.css">
<link rel="stylesheet" href="estilos/tables.css">
<link rel="stylesheet" href="estilos/lists.css">
<link rel="stylesheet" href="estilos/footer.css">
<link rel="stylesheet" href="estilos/estilo.css">
<!-- Archivos JavaScript -->
<script src="menu.js"></script>
<script type="text/javascript">
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "k0owdhi2bv");
</script>
</head>
<body>
<!-- Cabecera y título de la página -->
<header>
<h1>Mi Música Favorita</h1>
</header>
<!-- Menú de la página -->
<nav>
<a href="index.html" target="_self">Inicio</a>
<a href="aficiones.html" target="_self">Aficiones</a>
<a href="musica.html" target="_self">Música</a>
<a href="series_y_cine.html" target="_self">Series y cine</a>
</nav>
<!-- Primera sección con información introductoria a mis gustos de musica -->
<section>
<h2> Un poco de introducción </h2>
<p>
En esta parte de mi página hablaré sobre uno de mis intereses que es la música. La música es una de las cosas sin las que no puedo vivir, escucho
música a todas horas, mientras cocino, cuando estudio...
Tambien eschucho mucha variedad de música desde pop hasta reggaeton y rap tanto en español como en inglés por lo que me considero una persona
polivalente en ese aspecto. A continuación te muestro una lista con mis artistas favoritos y algunas de sus canciones que mas me transmiten:
</p>
</section>
<!-- Segunda sección con información sobre mis artistas favoritos en lista -->
<section>
<h2> Artistas </h2>
<p>
Aquí una lista sobre mis 7 artistas favoritos:
</p>
<ul>
<li>Melendi</li>
<li>Estopa</li>
<li>Macklemore</li>
<li>Eminem</li>
<li>Bad bunny</li>
<li>Manuel Turizo</li>
<li>Nicky Jam</li>
</ul>
</section>
<!-- Tercera sección con información sobre mis canciones favoritas en tabla -->
<section>
<h2> Canciones </h2>
<table>
<caption>
<h3>Ranking canciones favoritas</h3>
</caption>
<tr>
<th scope="col" id="titulo"><img src="multimedia/logo_spotify.png" alt="Logo de Spotify">Título</th>
<th scope="col" id="autor">Autor</th>
<th scope="col" id="lanzamiento">Año de lanzamiento</th>
<th scope="col" id="genero">Género</th>
</tr>
<tr>
<td headers="titulo"><a href="https://open.spotify.com/intl-es/track/3v1dCP3hk2djfWryqfp7sx" target="_self">Caminando por la vida</a></td>
<td headers="autor">Melendi</td>
<td headers="lanzamiento">2005</td>
<td headers="genero">Pop rock español</td>
</tr>
<tr>
<td headers="titulo"><a href="https://open.spotify.com/intl-es/track/77Ft1RJngppZlq59B6uP0z" target="_self">Lose yourself</a></td>
<td headers="autor">Eminem</td>
<td headers="lanzamiento">2002</td>
<td headers="genero">Hip hop y rap</td>
</tr>
<tr>
<td headers="titulo"><a href="https://open.spotify.com/intl-es/track/22skzmqfdWrjJylampe0kt" target="_self">Can´t hold us</a></td>
<td headers="autor">Macklemore y Ryan Lewis</td>
<td headers="lanzamiento">2012</td>
<td headers="genero">Hip hop</td>
</tr>
<tr>
<td headers="titulo"><a href="https://open.spotify.com/intl-es/track/1VB4sadHjFcFklHcZuoROi" target="_self">Como camarón</a></td>
<td headers="autor">Estopa</td>
<td headers="lanzamiento">1999</td>
<td headers="genero">Pop rock español</td>
</tr>
<tr>
<td headers="titulo"><a href="https://open.spotify.com/intl-es/track/7lKP7GE00s56ude4dGvULy" target="_self">Manicomio</a></td>
<td headers="autor">Cosculluela</td>
<td headers="lanzamiento">2016</td>
<td headers="genero">Reggaeton</td>
</tr>
</table>
</section>
<!-- Pie de página con información de mis redes sociales y la última actualización de la página -->
<footer>
<p>Sígueme en mis redes sociales:</p>
<a href="https://www.linkedin.com/in/martin-fernandez-gonzalez/" target="_self">
<img src="multimedia/logo_linkedin.png" alt="Logo de LinkedIn" > LinkedIn
</a>
<a href="https://github.com/Martin788" target="_self">
<img src="multimedia/logo_github.png" alt="Logo de GitHub" > Github
</a>
<a href="https://www.instagram.com/martinfdeez88/" target="_self">
<img src="multimedia/logo_instagram.jpg" alt="Logo de Instagram" > Instagram
</a>
<p>© 2023 Martín Fernández González - Última actualización: Octubre 01, 2023</p>
</footer>
</body>
</html>