Maison > interface Web > tutoriel CSS > Comment créer un lien à partir d'une cellule entière d'un tableau HTML ?

Comment créer un lien à partir d'une cellule entière d'un tableau HTML ?

Mary-Kate Olsen
Libérer: 2024-11-13 17:28:02
original
1063 Les gens l'ont consulté

How to Create a Link From an Entire HTML Table Cell?

Lien à partir d'une cellule de tableau ()

En HTML, il est possible de créer des hyperliens à partir de texte dans les cellules d'un tableau. Cependant, créer un lien qui s'étend sur l'ensemble de la cellule peut s'avérer difficile.

Pour lier l'ensemble de la cellule cellule sans JavaScript :

Méthode préférée :

  1. Assurez-vous que le contenu de la cellule remplit toute la hauteur et la largeur de la cellule (mais sans inclure les bordures).
  2. Enveloppez le contenu dans un élément avec son attribut href défini sur le lien souhaité.

Exemple :

<td>
  <a href="http://example.com">
    <div>
Copier après la connexion

Remarque : Cette méthode n'est pas sémantiquement correct puisque est censé être un élément en ligne. Cependant, cela fonctionne dans la plupart des navigateurs.

Alternative (non conseillée) :

Pour Internet Explorer uniquement, violez la norme HTML en liant directement le lien élément.

Exemple :

<table border="1">
  <tr>
    <a href="http://example.com"><td width="200">Hello world</td></a>
  </tr>
</table>
Copier après la connexion

Attention :Cette méthode est déconseillée car elle n'est pas standard et ne fonctionnera pas dans d'autres navigateurs.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal