Autor Tema: Creación de un portal web básico html etiquetas que no tienen cierre? CU00727B  (Leído 3484 veces)

Chuckyldo

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 34
    • Ver Perfil
Hola amigos, acabo de terminar el ejercicio CU00727B del tutorial de codificación en HTML y no sé cómo está, espero que bien, lo que me piden es esto:

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.

El código que yo escribí es este:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Portal básico - aprenderaprogramar.com</title>
</head>
<body>
 <div id="header">
  <img src="http://www.gifs-animados.es/clip-art/de-alimentos-y-bebidas/huevos/gifs-animados-huevos-8138361.jpg" alt="Huevo Frito" width="150px" height="100px"/>
  </br>
  <h1>Huevo</h1>
  <a href="https://es.wikipedia.org/wiki/Huevo_(alimento)"> <img src="http://cronicanoticias.cl/wp-content/uploads/2016/10/beneficios-de-comer-huevos.jpg" width="150px" height="100px" alt="huevo"> </a>
 </div>
 
 <br> </br>
 
 <div id="body">
  Menú
   <hr style="height: 1px; color: black; background-color: black; width: 100%"/>
   <ul>
    <a href="http://www.chilehuevos.cl/sano"/><li type="disc">Historia del huevo</li></a>
</br>
    <a href="http://www.chilehuevos.cl/sano"/><li type="disc">Características del huevo</li></a>
</br>
<a href="http://www.chilehuevos.cl/sano"/><li type="disc">¿Qué es un huevo?</li></a>
</br>
<a href="http://www.chilehuevos.cl/sano"/><li type="disc">¿Huevo cocido o frito?</li></a>
</br>
<a href="http://www.chilehuevos.cl/sano"/><li type="disc">Sobre nosotros</li></a>
   </ul>
   
   <br> </br>
   
   <img src="http://previews.123rf.com/images/ayo88/ayo881502/ayo88150200028/36913431-dibujo-animado-amarillo-huevo-de-Pascua-con-los-ojos-pico-y-piernas-aisladas-sobre-fondo-blanco-Foto-de-archivo.jpg" alt="Huevo Pollo" height="200px" width="150"/>
   
   </br>
   
   <pre>
   Un 30% de su peso aproximadamente está constituido por la yema, un 60% por la clara y un 10%
   por la cáscara. Dos huevos medianos (unos 100 gramos de parte comestible) se consideran
   una ración. Aportan unas 141 kcal, que cubren un 7% de la energía diaria recomendada para
   un adulto, que necesita 2000 kcal.
   
   Los componentes nutricionales estén heterogéneamente repartidos, existiendo importantes
   diferencias entre la clara y la yema. La grasa, el colesterol y algunos micronutrientes se
   encuentran en la yema. La clara, en cambio, está formada principalmente por agua (88%)
   y proteínas (11%), siendo la ovoalbúmina la más importante. El contenido de algunos minerales
   y el de vitaminas hidrosolubles es también comparativamente mayor en la yema.
   </pre>
 </div>
 
 <br> </br>
 
 <div>
  <img src="http://cdn2.dibujos.net/dibujos/pintar/huevo-de-gallina-colorear.jpg" height="40px" width="40px"/> Copyright -300A.C-2017 <a href="http://www.chilehuevos.cl/sano">Contacto</a>
 
 
 </div>
</body>
</html>

Algunos links los puse más de una vez porque creo que para el ejercicio es más importante el saber insertar uno, bueno amigos espero que me ayuden y gracias de antemano.  :)
« Última modificación: 18 de Abril 2017, 19:11 por Ogramar »

pedro,,

  • Moderador Global
  • Experto
  • *******
  • APR2.COM
  • Mensajes: 1292
    • Ver Perfil
Re:Creación de un portal web básico html. (CU00727B)
« Respuesta #1 en: 20 de Febrero 2017, 15:05 »
Buenas.

Te cuento algunas cosas.

Como te dije en otros mensajes, sigues usando mal "</br>" la barra se pone al final antes de cerrar la etiqueta "<br/>".
En las etiquetas "a" de apertura estas usando la "/" antes de cerrarlas y esto no es correcto, puesto que la etiqueta a ya tiene una etiqueta de cierra "</a>".
Es aconsejable que los elementos img contengan el atributo alt, por si por algún motivo externo no se pudiese cargar la imagen.

Saludos. ;D

Chuckyldo

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 34
    • Ver Perfil
Re:Creación de un portal web básico html. (CU00727B)
« Respuesta #2 en: 22 de Febrero 2017, 07:06 »
Entonces si quiero un salto de línea hago esto: <br> <br/>?

Y el a es así: <a> ........ <a/>?

Muchas gracias por responderme y tratar de ayudarme de todas maneras.

pedro,,

  • Moderador Global
  • Experto
  • *******
  • APR2.COM
  • Mensajes: 1292
    • Ver Perfil
Re:Creación de un portal web básico html. (CU00727B)
« Respuesta #3 en: 22 de Febrero 2017, 09:07 »
Buenas.

Los elementos "br", solo están compuestos por una etiqueta.

Código: [Seleccionar]
<br />
Y los elementos "a":

Código: [Seleccionar]
<a> ... </a>
Saludos. ;D

Chuckyldo

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 34
    • Ver Perfil
Re:Creación de un portal web básico html. (CU00727B)
« Respuesta #4 en: 23 de Febrero 2017, 01:18 »
Ok, ya entendí, muchas gracias por ayudarme.

 

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".