Pamehtml

14
  Pamela Erica Saracho 6°3°

Transcript of Pamehtml

Page 1: Pamehtml

  

Pamela Erica Saracho6°3°

Page 2: Pamehtml

  

Inserción de Líneas (rulers)

Las siguientes son etiquetas que permiten, en una página web, insertar líneas.

Page 3: Pamehtml

  

<hr>: permite insertar una líneas separando 2 línas de un párrafo.

<hr width=40%>: permite escoger el largo de la línea trazada colocando el número en %(porcentage)

<hr size=10>: se puede dar el alto del rulers colocando un número.

Etiquetas requeridas:

Page 4: Pamehtml

  

 Rulers:

Page 5: Pamehtml

  

Anclas

Nos permitirán crear enlaces especificando a que lugar concreto de una página queremos saltar. 

Un enlace normal tiene la estructura.

¿Qué nos permite hacer?

Estructura de los enlaces normales. Al pulsar sobre el texto activo no podemos elegir el lugar de la 

página al que saltamos, iremos siempre al comienzo.

Page 6: Pamehtml

  

Creando anclas

 <a name="nombreAncla">Comienzo</a>

Cuando se pulsa sobre el texto activo se salta al comienzo de otra página, tal y como indica la flecha. Usando enlaces a

anclas se puede cambiar este comportamiento.

Page 7: Pamehtml

  

Page 8: Pamehtml

  

 Al crear anclas se emplea el atributo llamado 'name'. Con este atributo se da un nombre al ancla que luego nos servirá para referirse a ella. 

Page 9: Pamehtml

  

EJEMPLOS

Page 10: Pamehtml

  

Ancla a la misma página:

...

<a name="S">

  </a>

  Salud

  Santa Claus

  Seguridad

  ...

● el proceso consta de dos pasos

<a href="#S">S          </a>

insertar el ancla en el lugar de la página donde se quiere poder saltar.

se crea un enlace al principio de la página un que apunte al ancla

Page 11: Pamehtml

  

Page 12: Pamehtml

  

Enlaces a anclas de otras páginas

 Para ello hay que incluir la página, bien sea mediante su dirección URL o mediante su ruta de directorios, y 

posteriormente poner el símbolo "#" seguido del nombre del ancla.

<a href="http://www.ozu.es/a-z.html#S">Letra S</a>

Page 13: Pamehtml

  

Pasos a seguir:

1.      Se parte de un ancla existente en otra página o se crea uno.

2.      Se crea un enlace a esa página.

3.      Se añade a la dirección del enlace el símbolo '#' seguido del nombre del ancla.

Page 14: Pamehtml