Ver Mensaje Individual
  #6 (permalink)  
Antiguo 09/06/2013, 14:50
young_grasshopper
 
Fecha de Ingreso: junio-2013
Mensajes: 7
Antigüedad: 11 años, 5 meses
Puntos: 0
Respuesta: Enlaces y anclas (no lo consigo)

Muchísimas gracias caricatos y herzbazi por vuestra respuesta; el caso es que he probado tal y como me indicáis los dos, depurando el código (pasándolo por el validator de W3C) y, tanto en un caso como en otro, me funcionan las 2 primeras anclas pero las otras 2 no, no sé dónde estoy fallando pero parece que mi relación con las anclas no es muy fructífera...
Adjunto los dos códigos para que detectéis qué es lo que hago mal porque le he dado muchas vueltas y no encuentro solución :

Opción "caricatos" :

<!DOCTYPE html>
<html lang="es">
<head>
<title>ejemplos de enlaces</title>
<meta charset="UTF-8">
</head>
<br>
<b>INDICE</b> <br>
<br>
<A href="#parrafo1">P&aacute;rrafo 1</A> <br>
<A href="#parrafo2">P&aacute;rrafo 2</A> <br>
<A href="#parrafo3">P&aacute;rrafo 3</A> <br>
<A href="#parrafo4">P&aacute;rrafo 4</A> <br>
<br>
<br>
<h1 id="parrafo1">primer p&aacute;rrafo</h1> <br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis commodo orci
ut tortor facilisis non lacinia magna porttitor. Mauris cursus eleifend
imperdiet. Donec malesuada sodales nisl, vitae suscipit ipsum ornare ut.
Vestibulum nisi purus, dignissim rutrum feugiat in, vehicula sit amet urna.
Curabitur sit amet metus urna. In auctor mauris vulputate sapien pretium in
pretium velit elementum. Morbi vel quam ante. Vivamus sit amet porttitor
risus. Nam faucibus dolor vitae ipsum porta nec ullamcorper dolor ornare.
Maecenas rhoncus congue turpis. Sed lorem lectus, commodo eget accumsan
fringilla, imperdiet eget mi. Vivamus sollicitudin imperdiet mattis.
Nam dapibus erat ac mauris consectetur cursus. Proin in nisi mi, ut convallis
nibh.
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

<h1 id="parrafo2">segundo p&aacute;rrafo</h1> <br>
Nunc egestas egestas consequat. Pellentesque mi lorem, interdum semper mattis
nec, lobortis a sem. Cras ultricies tellus ut mi dictum nec vulputate nunc
dignissim. Integer ligula ipsum, aliquam laoreet mattis nec, consequat at
elit. Quisque porta tortor ut risus porta sit amet facilisis augue rutrum.
Mauris vitae magna eu orci vestibulum blandit non eu sapien. Nunc condimentum
leo et lacus euismod a laoreet justo interdum. Nam eros felis, laoreet sed
molestie et, volutpat in sapien.
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

<h1 id="parrafo3">tercer p&aacute;rrafo</h1> <br>
Proin porta volutpat pretium. Sed dolor nisl, tempor sed tincidunt ut,
eleifend eget lorem. Nulla facilisi. Mauris congue nunc in sapien dignissim
dignissim. Sed lacinia faucibus gravida. Aliquam eget quam est, eu cursus
lacus. In imperdiet faucibus volutpat. Morbi adipiscing posuere imperdiet.
Praesent eu ligula ut arcu laoreet bibendum ac ac urna. Curabitur at blandit
nulla. Praesent eget ligula non erat tincidunt mollis id ut leo. Integer vel
dolor arcu. Aenean viverra scelerisque odio eget pellentesque. Quisque porta
hendrerit nisi nec cursus.
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

<h1 id="parrafo4">cuarto p&aacute;rrafo</h1> <br>
Cras tincidunt commodo mattis. Donec est nisi, euismod facilisis volutpat
eget, euismod in dui. Cum sociis natoque penatibus et magnis dis parturient
montes, nascetur ridiculus mus. Praesent egestas metus non diam volutpat nec
eleifend diam posuere. Vestibulum ante ipsum primis in faucibus orci luctus
et ultrices posuere cubilia Curae; Curabitur tristique, lacus non imperdiet
imperdiet, ipsum nunc varius neque, ut porta dui libero sed ligula.
Vestibulum malesuada pretium vulputate. Vivamus orci est, tincidunt nec
mollis et, molestie in quam. Donec vestibulum suscipit mi a pulvinar.
Morbi eleifend tellus a erat feugiat eget suscipit leo scelerisque.

</body>
</html>

Opción "herzbazi" :

<!DOCTYPE html>
<html lang="es">
<head>
<title>ejemplos de enlaces</title>
<meta charset="UTF-8">
</head>
<br>
<b>INDICE</b> <br>
<br>
<A href="#parrafo1">P&aacute;rrafo 1</A> <br>
<A href="#parrafo2">P&aacute;rrafo 2</A> <br>
<A href="#parrafo3">P&aacute;rrafo 3</A> <br>
<A href="#parrafo4">P&aacute;rrafo 4</A> <br>
<br>
<br>
<p><A href="parrafo1" id="parrafo1"></A>primer p&aacute;rrafo</p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis commodo orci
ut tortor facilisis non lacinia magna porttitor. Mauris cursus eleifend
imperdiet. Donec malesuada sodales nisl, vitae suscipit ipsum ornare ut.
Vestibulum nisi purus, dignissim rutrum feugiat in, vehicula sit amet urna.
Curabitur sit amet metus urna. In auctor mauris vulputate sapien pretium in
pretium velit elementum. Morbi vel quam ante. Vivamus sit amet porttitor
risus. Nam faucibus dolor vitae ipsum porta nec ullamcorper dolor ornare.
Maecenas rhoncus congue turpis. Sed lorem lectus, commodo eget accumsan
fringilla, imperdiet eget mi. Vivamus sollicitudin imperdiet mattis.
Nam dapibus erat ac mauris consectetur cursus. Proin in nisi mi, ut convallis
nibh.
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

<p><A href="parrafo2" id="parrafo2"></A>segundo p&aacute;rrafo</p>
Nunc egestas egestas consequat. Pellentesque mi lorem, interdum semper mattis
nec, lobortis a sem. Cras ultricies tellus ut mi dictum nec vulputate nunc
dignissim. Integer ligula ipsum, aliquam laoreet mattis nec, consequat at
elit. Quisque porta tortor ut risus porta sit amet facilisis augue rutrum.
Mauris vitae magna eu orci vestibulum blandit non eu sapien. Nunc condimentum
leo et lacus euismod a laoreet justo interdum. Nam eros felis, laoreet sed
molestie et, volutpat in sapien.
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

<p><A href="parrafo3" id="parrafo3"></A>tercer p&aacute;rrafo</p>
Proin porta volutpat pretium. Sed dolor nisl, tempor sed tincidunt ut,
eleifend eget lorem. Nulla facilisi. Mauris congue nunc in sapien dignissim
dignissim. Sed lacinia faucibus gravida. Aliquam eget quam est, eu cursus
lacus. In imperdiet faucibus volutpat. Morbi adipiscing posuere imperdiet.
Praesent eu ligula ut arcu laoreet bibendum ac ac urna. Curabitur at blandit
nulla. Praesent eget ligula non erat tincidunt mollis id ut leo. Integer vel
dolor arcu. Aenean viverra scelerisque odio eget pellentesque. Quisque porta
hendrerit nisi nec cursus.
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

<p><A href="parrafo4" id="parrafo4"></A>cuarto p&aacute;rrafo</p>
Cras tincidunt commodo mattis. Donec est nisi, euismod facilisis volutpat
eget, euismod in dui. Cum sociis natoque penatibus et magnis dis parturient
montes, nascetur ridiculus mus. Praesent egestas metus non diam volutpat nec
eleifend diam posuere. Vestibulum ante ipsum primis in faucibus orci luctus
et ultrices posuere cubilia Curae; Curabitur tristique, lacus non imperdiet
imperdiet, ipsum nunc varius neque, ut porta dui libero sed ligula.
Vestibulum malesuada pretium vulputate. Vivamus orci est, tincidunt nec
mollis et, molestie in quam. Donec vestibulum suscipit mi a pulvinar.
Morbi eleifend tellus a erat feugiat eget suscipit leo scelerisque.

</body>
</html>

Muchas gracias y saludos