« anterior próximo »
Páginas: [1]

Autor Tema: HTML. Creación de un portal básico: header, menu, body y footer código CU00727B  (Leído 3001 veces)

KOFFERO

  • Principiante
  • **
  • Mensajes: 78
    • Ver Perfil
HTML. Creación de un portal básico: header, menu, body y footer código CU00727B
« en: 25 de Septiembre 2017, 08:01 »
Ejercicio CU00727B del tutorial pdf de programación web con HTML.

Enunciado:
Citar
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:
Código: [Seleccionar]
<!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>
« Última modificación: 18 de Noviembre 2017, 18:32 por Alex Rodríguez »
En línea
¡Me encanta aprender!

Alex Rodríguez

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2050
    • Ver Perfil
Re:HTML. Creación de un portal básico: header, menu, body y footer (CU00727B)
« Respuesta #1 en: 18 de Noviembre 2017, 18:29 »
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
En línea
Páginas: [1]
« anterior próximo »
 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".