Foros aprenderaprogramar.com
Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: KOFFERO en 25 de Septiembre 2017, 08:01
-
Ejercicio CU00727B del tutorial pdf de programación web con HTML.
Enunciado:
EJERCICIO
Define la estructura de un portal web que conste de:
a) Una cabecera con una imagen, un texto h1, y otra imagen que a su vez sea un link.
b) Un cuerpo con un menú que contenga 5 items, una imagen y dos párrafos.
c) Un pie que contenga una imagen, un copyright y un texto que sea a su vez un link.
Código HTML:
<!DOCTYPE html>
<html>
<head>
<title>Ejercicio CU00727B - aprenderaprogramar.com</title>
<meta charset="UTF-8" />
</head>
<body>
<!-- contenedor -->
<div style="text-align: center; width: 890px; border: solid 2px black; margin: auto;">
<!-- cabecera -->
<div id="header">
<img src="https://i.imgur.com/M1VCRAy.png" alt="img1" width="250px" style="border: solid 2px blue;" />
<h1>Animes</h1>
<a href="https://animeflv.net/" title="AnimeFLV.net" target="_blank"><img src="https://i.imgur.com/smM5vl8.png" alt="img2" width="200px" style="border: solid 2px blue;" /></a>
</div>
<!-- fin cabecera -->
<!-- menu -->
<div id="menu">
<div>Menú</div>
<ul>
<li><a href="#">Inicio</a></li>
<li><a href="#">Música animes</a></li>
<li><a href="#">Videos [AMV] animes</a></li>
<li><a href="#">Series animes</a></li>
<li><a href="#">Imágenes animes</a></li>
</ul>
</div>
<!-- fin menu -->
<!-- cuero -->
<br/><br/>
<div id="body">
<img src="https://i.imgur.com/1app5Oh.png" alt="img3" width="600px" />
<p>El anime es como, la verdad noce como describirlo, pero creo que es lo mas bonito.
<b>Anime:</b> Su uso por parte del público extranjero para referirse a la animación
concretamente japonesa, ha terminado por convertirla popularmente en un término que identifica a la animación de procedencia japonesa.
</p>
<p>En sus inicios, alrededor de 1910, la animación japonesa recibe el nombre de senga eiga (literalmente “películas de líneas dibujadas”), más
tarde se conocerá con el término Doga ("imágenes en movimiento") y, finalmente, sobre 1960 pasará a llamarse animeeshon (originalmente,
De ahí que se abrevie a <b>anime</b>.</p>
</div>
<br/><br/>
<!-- fin cuerpo -->
<!-- pie -->
<div id="footer">
<img src="http://lh5.ggpht.com/_PeVwghrmOec/TMkzEonRrcI/AAAAAAAAAHc/IxL8g0fTYtk/an_oliva_png.png" alt="img4" /> <span>Copyright 2006-2017 aprenderaprogramar.com</span>
</div>
</div>
</body>
</html>
-
Hola, en general bien; has creado una parte más de lo que pedía el enunciado (ya que el menú no lo has incluido en el cuerpo sino fuera de él); has olvidado incluir un link en el pie como pedía el enunciado. Pero creo que el objetivo del ejercicio está más que cumplido.
Saludos