Autor Tema: HTML. Hipervínculos, links o enlaces atributo target debe de ir en a CU00717B  (Leído 1816 veces)

Chuckyldo

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 34
    • Ver Perfil
Ejercicio CU00717B del curso de iniciación a la programación web con HTML.

He solucionado problemas que he tenido antes, en el ejercicio final de este capítulo del curso no me fijé tanto en el estilo, si no en lo funcional, espero me ayuden y me puedan señalar si está bien o no.

Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>
<meta charset="utf-8">
        <title>Ejemplo del uso de marcadores - aprenderaprogramar.com</title>
    </head>
    <body>
<a id="inicio"></a>
<h1>Animales de África.</h1>
<a id="leones"></a>
<h2>Leones.</h2>
<p>De toda la familia de los felinos, el león siempre ha sido considerado por el hombre como el Rey de los animales.

Admirado por su nobleza, lealtad, habilidades, fuerza y valentía, a lo largo de la historia, se han encontrado dibujos de leones realizados por hombres hace más de 15.000 años.

No obstante, el león es solo el segundo más grande de los felinos (siendo el más grande el tigre) y tampoco es el más rápido.

Los leones machos en su hábitat natural pueden llegar a medir hasta 3 metros, incluyendo su cola, y las leonas un poco menos. Pesan entre 150 y 225 kilos y viven entre 15 y 20 de años.</p>
<a href="http://es.wikipedia.org/wiki/Panthera_leo" target="_blank"><h1>Pulsa aquí para saber más sobre los leones</h1></a>
<a id="tigres"></a>
<h2>Tigres.</h2>
<p>El Reino Animal está compuesto por miles de especies, y podemos afirmar que dentro de este reino, el animal mas grande de todos es el Tigre, admirado por su belleza, y temido por su conocido carácter de depredador. En esta nota te ofrecemos una ficha completa con toda la información que necesitas saber sobre él. Entrá y enterate.


EL tigre es el felino mas grande del mundo. Es el animal mas grande de todo el Reino Animal, y se compara en cuanto a tamaño, solamente con los grandes felidos hoy ya fósiles. Es una de las cuatros subespecies de la familia Felidae, perteneciente al género Panthera. Existen a su vez, seis subespecies de Tigre, sin embargo, y lamentablemente casi todas ellas se encuentran en grave peligro de extinción.</p>
<a href="http://es.wikipedia.org/wiki/Panthera_tigris"><img src="http://static2.elblogverde.com/wp-content/uploads/2015/10/tigre-de-bengala-panthera-tigris-tigris-600x328.jpg" alt="Información sobre tigres" target="_blank"></a>
<a href="#inicio"><h3>Volver al Inicio</h3></a>
<a href="#leones"><h3>Volver a Leones</h3></a>
<a href="#tigres"><h3>Volver a Tigres</h3></a>


</body>
</html>

Desde ya muchas gracias.
« Última modificación: 14 de Abril 2017, 19:59 por Ogramar »

pedro,,

  • Moderador Global
  • Experto
  • *******
  • APR2.COM
  • Mensajes: 1292
    • Ver Perfil
Re:HTML. Hipervínculos, links o enlaces. CU00717B
« Respuesta #1 en: 14 de Febrero 2017, 09:22 »
Hola Chuckyldo.

En esta parte del código:
Código: [Seleccionar]
<a href="http://es.wikipedia.org/wiki/Panthera_tigris"><img src="http://static2.elblogverde.com/wp-content/uploads/2015/10/tigre-de-bengala-panthera-tigris-tigris-600x328.jpg" alt="Información sobre tigres" target="_blank"></a>

El atributo "target" debe de ir en la etiqueta "a" y no dentro de la etiqueta "img", de esta forma el enlace se abrirá en una nueva pestaña.

También recomendarte que todos los elementos html que no tienen etiquetas de cierre, cerrarlos con una "/" al final para que cumplan con el estándar xhtml.

Código: [Seleccionar]
<img ....  />
<meta charset="utf-8" />

Te dejo un enlace con otra solución, donde verás que en la imagen en vez de usar el atributo "alt" se usa "title" obteniendo un mejor resultado.

https://www.aprenderaprogramar.com/foros/index.php?topic=3038.msg13661#msg13661

Saludos. ;D

 

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