Autor Tema: Hipervínculos, links o enlaces HTML.Tipos de links. img comillas dobles CU00717B (Leído 2113 veces)

HumbertoAli · « **en:** 27 de Abril 2017, 22:40 »

Acá mi solución al siguiente ejercicio CU00717B del curso fundamentos de programación web con HTML:

Citar

Crea un documento HTML que conste de las siguientes partes. Un encabezado H1 donde indicaremos “Animales de Africa” como texto a mostrar.

Un encabezado H2 donde indicaremos “Leones” como texto. Dentro de este apartado incluiremos varios párrafos que hablarán sobre los leones y un enlace externo (link) de tipo texto cuyo texto será: “Pulsa aquí para saber más sobre leones” y que llevará con un target blank a la siguiente dirección web de wikipedia: http://es.wikipedia.org/wiki/Panthera_leo

Un encabezado H2 donde indicaremos “Tigres” como texto. Dentro de este apartado incluiremos varios párrafos que hablarán sobre los tigres y una imagen que debe mostrar como tooltip “Pulsa aquí para saber más sobre tigres”. Al pulsar sobre la imagen se llevará al usuario a un target blank dirigido a la dirección web http://es.wikipedia.org/wiki/Panthera_tigris

En la parte inferior incluiremos tres links internos (para lo que tendremos que haber definido las anclas correspondientes) que indicarán: “Ir al inicio – Ir a leones – Ir a tigres (Según el link que pulse el usuario, se le llevará al inicio, al encabezado del apartado de leones o al encabezado del apartado de tigres).

Código: [Seleccionar]

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"> 
		<title> Ejercicio 3 </title>
		</meta charset="utf-8"> 
	</head>
	<body>
		<a id="inicio"></a>
		
		<h1> Animales de Africa </h1>
		
		<a id="leones"></a>
		<h2> Leones </h2>
		<p> El león (Panthera leo) es un mamífero carnívoro de la familia de los félidos y una de las cinco especies del género Panthera. Los leones salvajes viven en poblaciones cada vez más dispersas y fragmentadas del África subsahariana (a excepción de las regiones selváticas de la costa del Atlántico y la cuenca del Congo) y una pequeña zona del noroeste de India (una población en peligro crítico en el Parque nacional del Bosque de Gir y alrededores), habiendo desaparecido del resto de Asia del Sur, Asia Occidental, África del Norte y la península balcánica en tiempos históricos. Hasta finales del Pleistoceno, hace aproximadamente 10 000 años, de los grandes mamíferos terrestres, el león era el más extendido tras los humanos. Su distribución cubría la mayor parte de África, gran parte de Eurasia, desde el oeste de Europa hasta la India, y en América, desde el río Yukón hasta el sur de México.</p>
		<a href="http://es.wikipedia.org/wiki/Panthera_leo"target=”_blank”> Pulsa aqui para saber mas sobre Leones</a>
		<a id="tigres"></a>
		
		<h2> Tigres </h2>
		<p>El tigre (Panthera tigris) es una de las cuatro3 especies de la subfamilia de los panterinos (familia Felidae) pertenecientes al género Panthera. Se encuentra solamente en el continente asiático; es un predador carnívoro y es la especie de félido más grande del mundo junto con el león pudiendo alcanzar ambos un tamaño comparable al de los felinos fósiles de mayor tamaño.</p>
		<p>Es un animal solitario y territorial que generalmente suele habitar bosques densos, pero también áreas abiertas, como sabanas. Normalmente, el tigre caza animales de tamaño medio o grande, generalmente ungulados. En las seis diferentes subespecies existentes del tigre, hay una variación muy significativa del tamaño. Los tigres machos tienen un tamaño mucho mayor que el de las hembras. Análogamente, el territorio de un macho cubre generalmente un área mayor que el de una hembra.</p>
		<a href="http://es.wikipedia.org/wiki/Panthera_tigris" title=”Pulsa aquí para saber más sobre tigres” target=”_blank”><img src="http://i.imgur.com/SpZyc.png"alt="Tigres"></a>
		
		Ir al <a href="#inicio">inicio</a>, Ir a  <a href="#leones">Leones</a>, Ir a <a href="#tigres">Tigres</a>
	</body>
</html>

pedro,, · « **Respuesta #1 en:** 08 de Mayo 2017, 23:31 »

Buenas HumbertoAli

En el head del documento introdujiste:

Código: [Seleccionar]

<meta charset="utf-8">Lo ideal para cumplir con los estándares Xhtml es que los elementos html que no están formados por dos etiquetas, una de apertura y otra de cierre, se escriban de la siguiente forma:

Código: [Seleccionar]

<meta charset="utf-8" />Así que esta otra línea que añadiste sobraría:

Código: [Seleccionar]

</meta charset="utf-8">
Las líneas que contienen los enlaces a wikipedia, en la parte del target, las comillas usadas no son las correcta y no está funcionando correctamente, el tipo de comilla a utilizar es la comilla doble con este formato "" y no esta otra ””.

Por lo demás todo bien.

Saludos.

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias: