9.5 Proporcionar atajos de teclado

Prioridad 3

Para agregar atajos de teclado, debemos seguir este procedimiento:

1. Seleccione el elemento al que le va a agregar (o modificar) un atributo acceskey con el botón primario del ratón.
2. Haga clic en el botón Show Code and Design Views .
3. O haga clic en el menú View y seleccione Code and Design del mismo.
4. Habiendo seleccionado previamente el elemento, aparecerá de un color resaltado la línea del código HTML donde se encuentra, por ejemplo:

   <a rel="previous" href="ejem49-0.html">
   <img src="../graf/left.gif" alt="Previa" 
   title="Vuelve a ..."></a>
   
   <a rel="contents" href="index.html">
   <img src="../graf/toc.gif" alt="Contenidos" 
   title="Tabla de Contenidos"></a>
   
   <a href="ejem50-1.html">
   <img src="../graf/change.gif" alt="Cambiar estilo" 
   title="Cambiar estilo"></a>
   
   <a rel="next" href="ejem50-0.html">
   <img src="../graf/right.gif" alt="Siguiente" 
   title="Va a ..."></a>

5. Ahora deberá agregar el atributo acceskey de la siguiente manera:

   <a rel="previous" href="ejem49-0.html" accesskey="P">
   <img src="../graf/left.gif" alt="Previa" 
   title="Vuelve a ..."></a>
   
   <a rel="contents" href="index.html" accesskey="C">
   <img src="../graf/toc.gif" alt="Contenidos" 
   title="Tabla de Contenidos"></a>
   
   <a href="ejem50-1.html" accesskey="E">
   <img src="../graf/change.gif" alt="Cambiar estilo" 
   title="Cambiar estilo"></a>
   
   <a rel="next" href="ejem50-0.html" accesskey="S">
   <img src="../graf/right.gif" alt="Siguiente" 
   title="Va a ..."></a>

Volver a ejemplos del punto 9.5