Foros aprenderaprogramar.com
Aprender a programar => C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más => Mensaje iniciado por: Chuckyldo en 13 de Febrero 2017, 07:25
-
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.
<!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.
-
Hola Chuckyldo.
En esta parte del código:
<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.
<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