domingo, 24 de octubre de 2010

87 - HTML - Tablas - Atributo “summary”

Con este atributo (summary) podemos definir de que trata la tabla (propósito, objeto, función, etc.), en teoría en navegadores que utilicen sintetizadores de voz, debería tener algún efecto. Se aplica para navegadores no visuales (Braile, voz, etc.)

Código de Ejemplo aplicando las características vistas anteriormente:

<html>
  <head>
    <title>Tabla - Ejemplo de "summary"</title>
  </head>
  <body>
       <table width="100" height="50" border="1"  bordercolorlight="red" bordercolordark="maroon" cellspacing="50" cellpadding="50%" summary="Esta es una tabla de

prueba para ver el efecto de diferentes etiquetas y atributos">
<caption>Tabla de ejemplo</caption>
<tr>
         <th width="20%" >Nombre</th>
         <th width="20%" >Telefono</th>
         <th  width="20%" >Otros</th>
         <th width="20%">Comentarios</th>

      </tr>
      <tr>
         <td  width="20%" align="left">Izquierda</td>
         <td  width="20%" align="right">derecha</td>
         <td  width="20%" align="center">centro</td>
         <td  width="20%" align="justify">texto justificado izq. y derecha</td>

      </tr>
      <tr>
         <td  width="20%" align="left">Izquierda</td>
         <td  width="20%" align="right">derecha</td>
         <td  width="10%" align="center">centro</td>
         <td  width="20%" align="justify">texto justificado izq. y derecha</td>

      </tr>
      <tr>
         <td  width="20%" align="left">Izquierda</td>
         <td  width="20%" align="right">derecha</td>
         <td  width="20%" align="center">centro</td>
         <td  width="20%" align="justify">texto justificado izq. y derecha</td>

      </tr>
   </table>
  </body>
</html>

Hemos probado el código en Chrome, IE, IE 64 bits, y no hemos visto ninguna diferencia, seguramente porque no utilizan ningún sintetizador de voz.

Puedes probar el código haciendo copiar y pegar. Si tienes guardado el código de la lección anterior solo debes agregar estos nuevos atributos para probarlo.

Temas anteriores de curso HTML gratis

86 - HTML - Tablas - Aspecto <caption></caption>
85 - HTML - Tablas - Atributos “bgcolor y backgroundwidth”
84 - HTML - Tablas - Atributos “width y height”
mas ... acceder al índice de temas ...

Otros Links:
Piso en Garrucha - Almería € 110.000
Ático en Vera Playa - Almería € 303.500
Ático en Vera Playa - Almería € 300 (Alq.Anual)

1 comentario:

  1. Totalmente útil la información de este tutorial! Muchas Gracias!

    ResponderEliminar

Gracias por tu comentario, en un maximo de 48 horas sera publicado.