13 - Anclas llamadas desde la misma página.


Simulador (Cuando presiona el botón "ejecutar el programa" se graba lo que contiene la caja de texto y se visualiza el resultado en una página)

Problema:Disponer una serie de hipervínculos sobre noticias del día. Enlazar los hipervínculos con anclas que se encuentran más abajo en la misma página. Ver solución
<html>
<head>
</head>
<body>
<h1>Noticias del día.</h1>
<a href="#noticia1">Noticia 1</a><br>
<a href="#noticia2">Noticia 2</a><br>
<a href="#noticia3">Noticia 3</a><br>
<a href="#noticia4">Noticia 4</a><br>

<a name="noticia1"></a>
<h2>Noticia 1</h2>
<p>
Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1.
Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1.
Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1.
Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. 
Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. 
</p>
<a name="noticia2"></a>
<h2>Noticia 2</h2>
<p>
Noticia 2. Noticia 2. Noticia 2. Noticia 2. Noticia 2. Noticia 2. Noticia 2. Noticia 2. Noticia 2. 
Noticia 2. Noticia 2. Noticia 2. Noticia 2. Noticia 2. Noticia 2. Noticia 2. Noticia 2. Noticia 2. 
Noticia 2. Noticia 2. Noticia 2. Noticia 2. Noticia 2. Noticia 2. Noticia 2. Noticia 2. Noticia 2. 
Noticia 2. Noticia 2. Noticia 2. Noticia 2. Noticia 2. Noticia 2. Noticia 2. Noticia 2. Noticia 2. 
Noticia 2. Noticia 2. Noticia 2. Noticia 2. Noticia 2. Noticia 2. 
</p>
<a name="noticia3"></a>
<h2>Noticia 3</h2>
<p>
Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. 
Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. 
Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. 
Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. 
Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. 
Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. 
Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. 
Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. 
Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. 
</p>
<a name="noticia4"></a>
<h2>Noticia 4</h2>
<p>
Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. 
Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. 
Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. 
Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. 
Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. 
Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. 
Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. 
Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. 
Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. 
Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. 
Noticia 4. 
</p>

</body>
</html>
pagina1.html