-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathTopAnime2.0.html
387 lines (374 loc) · 24.5 KB
/
TopAnime2.0.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
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
<!DOCTYPE html>
<html>
<head>
<meta charset="es">
<title>Recomendaciones</title>
</head>
<body style="background-color:black; color:white">
<header>
<h1><center><span style="background-color:white; color:black"><strong>TopAnime 5 MEJORES ANIMES DE LA HISTORIA</span></strong></center></h1>
</header>
<nav style="background-color: black; color: black; text-align: center;
font-family: sans-serif;">
<ul style="list-style: none;
margin-left: 320px;
margin-right: 200px;
background-color: black;
line-height: 40px;
overflow: none;">
<li style="border: 4px double rgb(194, 0, 243); width: 150px; float: left; text-align: center; background-color: black; margin-bottom: 30px;">
<a href="Inicio.html" style="outline: 1px solid rgb(194, 0, 243); text-decoration: none; color: white; display: block;">Inicio</a>
</li>
<li style="border: 4px double rgb(194, 0, 243); width: 150px; float: left; text-align: center; background-color: black; margin-bottom: 30px;">
<a href="index.html" style="outline: 1px solid rgb(194, 0, 243); text-decoration: none; color: white; display: block;">Juego</a>
</li>
<li style="border: 4px double rgb(194, 0, 243); width: 150px; float: left; text-align: center; background-color: black; margin-bottom: 30px;">
<a href="Recomendaciones.html" style="outline: 1px solid rgb(194, 0, 243); text-decoration: none; color: white; display: block;">Recomendaciones</a>
</li>
<li style="border: 4px double rgb(194, 0, 243); width: 150px; float: left; text-align: center; background-color: black; margin-bottom: 30px;">
<a href="TopAnime2.0.html" style="outline: 1px solid rgb(194, 0, 243); text-decoration: none; color: white; display: block;">Página Web</a>
</li>
<li style="border: 4px double rgb(194, 0, 243); width: 150px; float: left; text-align: center; background-color: black; margin-bottom: 30px;">
<a href="Iniciosesion.html" style="outline: 1px solid rgb(194, 0, 243); text-decoration: none; color: white; display: block;">Formulario</a>
</li>
</ul>
</nav>
<section>
<main>
<div>
<img src="https://fondosmil.com/fondo/67354.jpg" width="1500">
<p><label for=nombre>Ingresa el nombre de tu anime favorito aquí:</label>
<input type="text" id="nombre" name="nombre">
<p><span style="color:white"> El anime es un medio que lleva años perfeccionando tanto el arte de sus animaciones como sus guiones y adaptaciones de novelas, mangas y videojuegos. En esta lista queremos darle un lugar a varias series y películas que consideramos son parada obligatoria para cualquier fanático del género de animación japonesa. Seguimos un orden basado en su puntuación con modificaciones hechas en la importancia y la marca que dejaron varias de estas historias en la memoria colectiva.<strong>¡Empecemos!</strong></span></p>
</div>
<div>
<center><p style="background-color: white; color:black"><u><strong>RECOMENDACIONES</strong></u></p></center>
<ol>
<center><li style="color:rgb(255, 187, 0); font-size: xx-large; border-color:black"><strong><u>Dragon Ball Super</u></strong></li></center>
<p style="background-color:black; color:black">.....</p>
<div>
<style type="text/css">
table, th, td{border: 1px solid white; border-collapse: collapse;background-color: black;
}</style>
<center><table></center>
<thead>
<tr>
<th>Título</th>
<th>Género</th>
<th>Creado por</th>
<th>Primera publicación</th>
<th>Última publicación</th>
<th>Estado</th>
</th>
</tr>
</thead>
<tbody>
<tr>
<th>Dragon Ball Super</th>
<th>Acción, aventuras, fantasía</th>
<th>Akira Toriyama</th>
<th>20 de noviembre de 1984</th>
<th>5 de junio de 1995</th>
<th>Emisión</th>
</tr>
</tbody>
<center></table></center>
<div>
<p style="background-color:black; color:black">.....</p>
<dd>
Este es un manga escrito por Akira Toriyama, Con esta saga se da comienzo a la serie y se narra la búsqueda, por parte del Dios de la destrucción Bills (Beerus en idioma japonés) y su sirviente y mentor Whis, del Super Saiyajin Dios, que podría hacerle frente en una pelea, y así poder tener algo de diversión.
En un período pacífico después de la derrota de Kid Buu , Goku continúa intentando mantener la paz de la Tierra a pesar de ser obligado por Chi-Chi a trabajar en su granja de rábanos. Gohan y Videl están casados mientras Krilin se ha convertido en un oficial de policía.
El Dios de la Destrucción Beerus profetiza de un Dios Super Saiyan y al despertar comienza una búsqueda de la figura. La búsqueda lo lleva al planeta del Rey Kai donde supera al Super Saiyan 3 Goku, antes de volver sus ojos a Vegeta en la Tierra. Beerus disfrutó de su tiempo en la Tierra hasta que se enojó con el poco generoso Majin Buu por no compartir su budín. Los Z Fighters se unen para eliminar a Beerus, pero su poder era demasiado para ellos, así llevando a Goky y sus amigos a un nuevo nivel de poder..
<center><p><img src="https://img.europapress.es/fotoweb/fotonoticia_20171203160049_1200.jpg"width="1200"></p></center>
<p><center><iframe width="1280" height="720" src="https://www.youtube.com/embed/2xf281jdY7w" title="YouTube video player" frameborder="0" allow="accelerometer; auTopAnimelay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></center></p>
</dd>
<center><li style="color:rgb(255, 187, 0); font-size: xx-large;"><strong><u>Demon Slayer</u></strong></li></center>
<p style="background-color:black; color:black">.....</p>
<div>
<style type="text/css">
table, th, td{border: 1px solid white; border-collapse: collapse;background-color: black;
}</style>
<center><table></center>
<thead>
<tr>
<th>Título</th>
<th>Género</th>
<th>Creado por</th>
<th>Primera publicación</th>
<th>Última publicación</th>
<th>Estado</th>
</th>
</tr>
</thead>
<tbody>
<tr>
<th>Demon Slayer</th>
<th><p>Acción, aventura,drama, fantasía oscura,</p>
<p>histórico, sobrenatural</p></th>
<th>Koyoharu Gotōge</th>
<th>15 de febrero de 2016</th>
<th>15 de mayo de 2020</th>
<th>Emisión</th>
</tr>
</tbody>
<center></table></center>
<div>
<p style="background-color:black; color:black">.....</p>
<dd>
Kimetsu no Yaiba (鬼滅の刃, La espada asesina de Demonios?), conocida en España como Kimetsu no Yaiba: Guardianes de la Noche y en inglés Demon Slayer. Es una obra de Koyoharu Gotoge que se publicó semanalmente en las páginas de la revista Shūkan Shōnen Jump de la editorial japonesa Shueisha.
La obra sigue las aventuras de Tanjirō Kamado, un adolescente cuya familia fue cruelmente asesinada por un Demonio el cual convirtió a su hermana Nezuko en una de estas criaturas, obligando a Tanjirō a emprender un viaje para cazar a estos seres y de paso ayudar a su hermana a recuperar su humanidad
Kimetsu no Yaiba o Demon Slayer nos presenta a Kamado Tanjiro, un chico joven, bastante inteligente y con un corazón que no le abe en el pecho. Este vive son su familia y gana dinero vendiendo carbón. Pero todo cambia cuando su familia es atacada y asesinada.
<center><p><img src="https://wallpaperaccess.com/full/1099445.png"width="1200"></p></center>
<p><iframe width="1280" height="720" src="https://www.youtube.com/embed/stiZAeIqxlk" title="YouTube video player" frameborder="0" allow="accelerometer; auTopAnimelay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></p>
</dd>
<center><li style="color:rgb(255, 187, 0); font-size: xx-large"><strong><u>Tensei no Shitara</u></strong></li></center>
<p style="background-color:black; color:black">.....</p>
<div>
<style type="text/css">
table, th, td{border: 1px solid white; border-collapse: collapse;background-color: black;
}</style>
<center><table></center>
<thead>
<tr>
<th>Título</th>
<th>Género</th>
<th>Creado por</th>
<th>Primera publicación</th>
<th>Última publicación</th>
<th>Estado</th>
</th>
</tr>
</thead>
<tbody>
<tr>
<th>Tensei no Shitara</th>
<th>Acción, aventura, comedia, fantasía, isekai inverso</th>
<th>Fuse</th>
<th>20 de febrero de 2013</th>
<th>1 de enero de 2016</th>
<th>Finalizado</th>
</tr>
</tbody>
<center></table></center>
<div>
<p style="background-color:black; color:black">.....</p>
<dd>
¿CÓMO REACCIONARÍAS SI TE REENCARNARAS EN UN SLIME? Satoru Mikami, un oficinista algo frustrado, muere inesperadamente tratando de proteger a un compañero por el que, además, no siente demasiado aprecio. Pero lo que parece el final de su vida, representa un nuevo principio, pues despierta en un mundo mágico reencarnado como slime: una criatura gelatinosa carente de extremidades y sin más sentidos que el del tacto. ¿Cómo afrontará Satoru esta nueva oportunidad?
Y más importante todavía... ¡¿qué se supone que hace un slime?!
<center><p><img src="https://images6.alphacoders.com/991/991880.jpg"width="1200"></p></center>
<p><iframe width="1280" height="720" src="https://www.youtube.com/embed/f6OUyjfKHlM" title="YouTube video player" frameborder="0" allow="accelerometer; auTopAnimelay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></p>
</dd>
<center><li style="color:rgb(255, 187, 0); font-size: xx-large"><strong><u>Shingeki no kyojin</u></strong></li></center>
<p style="background-color:black; color:black">.....</p>
<div>
<style type="text/css">
table, th, td{border: 1px solid white; border-collapse: collapse;background-color: black;
}</style>
<center><table></center>
<thead>
<tr>
<th>Título</th>
<th>Género</th>
<th>Creado por</th>
<th>Primera publicación</th>
<th>Última publicación</th>
<th>Estado</th>
</th>
</tr>
</thead>
<tbody>
<tr>
<th>Shingeki no kyojin</th>
<th>Acción, drama apocalíptico, fantasía oscura, tragediaa</th>
<th>Hajime Isayama</th>
<th>9 de septiembre de 2009</th>
<th>9 de abril de 2021</th>
<th>Emisión</th>
</tr>
</tbody>
<center></table></center>
<div>
<p style="background-color:black; color:black">.....</p>
<dd>
La historia de esta serie se basa en Eren Jaeger, quien junto a sus amigos de la infancia, decide unirse al ejército con el objetivo de vengar la muerte de su madre y la destrucción de su ciudad a manos de unos seres humanoides llamados Titanes.
Con el paso de los capítulos, Jaeger descubre que posee la capacidad de convertirse en un Titán, lo que desencadena toda una serie de acontecimientos que lo afectarán a él como a quienes lo rodean
<center><p><img src="https://www.masgamers.com/wp-content/uploads/2021/08/shingeki.png"width="1200"></p></center>
<p><iframe width="1280" height="720" src="https://www.youtube.com/embed/ouoNWnBDBeU" title="YouTube video player" frameborder="0" allow="accelerometer; auTopAnimelay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></p>
</dd>
<center><li style="color:rgb(255, 187, 0); font-size: xx-large"><strong><u>Tokyo Ghoul</u></strong></li></center>
<p style="background-color:black; color:black">.....</p>
<div>
<style type="text/css">
table, th, td{border: 1px solid white; border-collapse: collapse;background-color: black;
}</style>
<center><table></center>
<thead>
<tr>
<th>Título</th>
<th>Género</th>
<th>Creado por</th>
<th>Primera publicación</th>
<th>Última publicación</th>
<th>Estado</th>
</th>
</tr>
</thead>
<tbody>
<tr>
<th>Tokyo Ghoul</th>
<th>Fantasía oscura, Horror, thriller, acción, drama, romance</th>
<th>Sui ishida</th>
<th>18 de septiembre de 2011</th>
<th>Alexandra18 de septiembre de 2014</th>
<th>Finalizado</th>
</tr>
</tbody>
<center></table></center>
<div>
<p style="background-color:black; color:black">.....</p>
<dd>
Tokyo Ghoul es una serie de animación japonesa (anime) basada en el manga homónimo creado por Sui Ishida. La serie cuenta con dos temporadas, cada una compuesta por doce episodios, y su estreno se produjo en el año 2014. Se trata de una producción de terror con violencia explícita y ambientación sobrenatural que presenta una ciudad de Tokio en la que mueren personas inocentes a manos de ghouls, seres misteriosos que se alimentan de humanos. El protagonista es Kaneki Ken, un joven corriente que sobrevive fortuitamente al ataque de una ghoul. Sin embargo, para salir adelante le trasplantaron los órganos de la ghoul de la que fue víctima. Por ello, su vida cambia radicalmente al convertirse en un híbrido entre humano y ghoul.
<center><p><img src="https://collectible506.com/wp-content/uploads/2019/04/maxresdefault-2-1.jpg"width="1200"></p></center>
<p><iframe width="1280" height="720" src="https://www.youtube.com/embed/vGuQeQsoRgU" title="YouTube video player" frameborder="0" allow="accelerometer; auTopAnimelay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></p>
</dd>
</ol>
</div>
<div link rel="stylesheet" href="style.css" with="660" weight="500" style=" background-color:black; color: white">
<center><h1><u><strong>¡ÚNETE A NUESTRA COMUNIDAD!</strong></u></h1></center>
<center><div>
<form>
<label for="Datos 1">Nombres</label>
<input
type="text"
id="Datos 1"
placeholder="Fulana Jimena"
name="Datos 1"
/>
</div>
<div>
<form>
<label for="Datos 2">Apellidos</label>
<input
type="text"
id="Datos 2"
placeholder="Quiñonez Mejía"
name="Datos 2"
/>
</div>
<div>
<label>Fecha de nacimiento</label>
<input type="Date">
</div>
<div>
<label>Sexo:</label>
<label>
<input type="radio" name="gender" value="female"> Femenino
</label>
<label>
<input type="radio" name="gender" value="male"> Masculino
</label>
</div>
<div>
<form>
<label for="Datos 3">Celular</label>
<input
type="text"
id="Datos 3"
placeholder="9********"
name="Datos 3"
/>
</div>
<div>
<form>
<label for="Correo">Correo electrónico</label>
<input
type="email"
id="Correo"
placeholder="usuario@myanimelist.com"
name="Correo"
/>
</div>
<div>
</form>
<form>
<label for="Contra">Contraseña</label>
<input
type="password"
id="Contra"
placeholder="más de 8 carácteres"
name="Contra"
required
/>
</form>
</div>
<div>
<iframe with="640" height="480" src="https://policies.google.com/terms?hl=es" frameborder="0"></iframe>
</div>
<div>
<label>
<input type="checkbox" name="conditions" value="accept-conditions" />
Acepto los términos y condiciones
</label>
</div>
<div>
<button type="button">Enviar</button>
</div></center>
<p style="background-color:black; color:black">...</p>
<div>
<center><h1><strong><span style="color:white"><u>BRINDANOS TU OPINIÓN</u></span></strong></h1>
<p>¿Cuál es tu género favorito en el anime?</p>
<select name="Género">
<option value="Género" selected>Seleciona</option>
<option value="Aventura">Aventura</option>
<option value="Comedia">Comedia</option>
<option value="Drama">Drama</option>
<option value="Terror">Terror</option>
<option value="Romance">Romance</option>
</select>
<p>Muestranos a tu personaje favorito</p>
<p><label style="color:white">Puedes subir una foto o un video</label>
<input type="file"></p>
<p>En tu opinión,¿Crees que deberíamos cambiar el fondo de la página?</p>
<label><input type="checkbox" name="condiciones" value="condiciones aceptadas" >Si</label>
<label><input type="checkbox" name="condiciones" value="condiciones aceptadas" >No</label>
<input type="color" select="color:pink">
<p>¿Por qué?</p>
<label for="Datos 4">Muestranos tu opinión </label>
<input type="text" id="Datos 4" placeholder= "Pienso que..." name="Datos 4" with="80" height="20"></center>
</div>
<p style="background-color:black; color:black">...</p>
<div>
<p style="float:right"><small>Al usar este sitio, estás de acuerdo con nuestros "Términos de uso" y nuestra "Política de privacidad".</small></p></div>
<details>
<summary>Detalles Adicionales</summary>
<div>
<center><p><strong><span styl="color:white">MEJORES PÁGINAS WEB PARA VER ANIME ONLINE</span></strong></p></center>
<center><p><strong><span styl="color:white"><mark>Animeflv</span></p><iframe with="640" height="480" src="https://www3.animeflv.net/" frameborder="0"></iframe></mark>
<p></iframe><p><a href="https://www3.animeflv.net/">Para ver más información</a></span></p>
<p><strong><span styl="color:white"><mark>AnimeID</span></p><iframe with="640" height="480" src="https://www.animeid.tv/" frameborder="0"></iframe></mark>
<p></iframe><p><a href="https://www.animeid.tv/">Para ver más información</a></span></p>
<p><strong><span styl="color:white"><mark>AnimeChart</span></p><iframe with="640" height="480" src="https://anichart.net/Fall-2021" frameborder="0"></iframe></mark>
<p></iframe><p><a href="https://anichart.net/Fall-2021">Para ver más información</a></span></p>
<p><strong><span styl="color:white"><mark>Animovil</span></p><iframe with="640" height="480" src="https://animemovil2.com/" frameborder="0"></iframe></mark>
<p></iframe><p><a href="https://animemovil2.com/">Para ver más información</a></span></p>
</div>
</main>
</section>
<script src="cuadro1.js"></script>
<footer style="background-color:white; color:black">
<p style="color:white">.</p>
<p><center><img src="https://cdn-icons-png.flaticon.com/128/1384/1384005.png"width="30"></p>
<img src="https://cdn-icons-png.flaticon.com/128/1384/1384028.png"width="30">
<img src="https://cdn-icons-png.flaticon.com/128/1384/1384049.png"width="30">
<img src="https://cdn-icons-png.flaticon.com/512/1384/1384015.png" width="30"></center>
<h1><center><span style="background-color:white; color:black"><strong>MyAnimeList</style></span></strong></center></h1>
<p><center><strong><u>CORREO:</u></strong></p>
<ul type="circle">
<p><center>bromero@estudiantes.crackthecode.la</center></p>
<p><center>nvega@estudiantes.crackthecode.la</center></p>
<p><center>kgaribay@estudiantes.crackthecode.la</p></center>
<p style="color:white">.</p>
</ul>
</footer>
</body>
</html>