Cómo hacer celdas de tabla HTML con enlace

clics del ratón permiten a los seres humanos y computadoras para comunicarse. Haga clic en un enlace o un botón para que el responde informáticos. tablas HTML que aparecen en las páginas web a menudo consisten en datos estáticos presentados a los visitantes del sitio en un formato tabular. Si alguien hace clic en una celda de la tabla, a veces no pasa nada. Mediante la adición de una función de JavaScript corto a su página, puede convertir cualquier celda de la tabla en un enlace que pone en marcha otro sitio web o realiza otra acción ..

Instrucciones

1 Lanzar su editor de HTML o el Bloc de notas y abra un documento HTML.

2 Pegar el código se muestra a continuación en el documento:

<Table class = "style2">
<Tr>

<Td>
regular celular
</ Td>

<Td>
regular celular
</ Td>
</ Tr>

<Tr>
<Td>
<a href="http://www.whitehouse.gov&quot;> Haga clic para visitar la Casa Blanca
</a>
</ Td>

<Td>
<a href="#" onclick="javascript: alert('You hace clic en este cell')"> mesa
Haga clic para ejecutar una función de JavaScript
</a>
</ Td>

</ Tr>
</ Table>

Este código crea una tabla que contiene dos filas y dos columnas. Las etiquetas "TD" definen la celda de la tabla. Cualquier cosa entre esas células se convierte en parte de la célula. Tenga en cuenta las dos etiquetas de anclaje que aparecen en las dos últimas células. "href" puntos de atributo del primer anclaje a la página web de la Casa Blanca. La siguiente etiqueta de anclaje añade un evento "onclick" para el anclaje. Este evento llama a la función de alerta de JavaScript.

3 Guarde el documento HTML y abrirlo en cualquier navegador. Aparecerá la tabla. Mover el cursor del ratón sobre las celdas de la tabla. El cursor cambia a un puntero cuando se mueve en las últimas dos celdas de la tabla.

4 Haga clic en el enlace "Haga clic para visitar la Casa Blanca". Su navegador se desplaza al sitio de la Casa Blanca. Haga clic en "Haga clic para ejecutar una función de JavaScript" enlace. La función de alerta se ejecuta y muestra un cuadro de mensaje emergente.

Consejos y advertencias

• Añadir una etiqueta de anclaje a cualquier celda de la tabla que usted necesita hacer se puede hacer clic. Este ejemplo muestra cómo llamar a la función de alerta de JavaScript. Reemplazar esta función con cualquier función en el código. Por ejemplo, es posible colocar un enlace dentro de una celda de la tabla que llama a una función llamada "Mostrar los productos." Esa función podría mostrar una ventana emergente que contiene los productos cuando los usuarios hacen clic la celda de tabla.