Partager via

Introduction à la modification de tableaux HTML dans Visual Web Developer

  • Article

Mise à jour : novembre 2007

Vous pouvez utiliser des tableaux HTML dans vos pages Web pour en définir la mise en page et afficher le contenu sous forme de colonnes. Visual Studio vous permet de modifier des tableaux HTML visuellement en mode Design, ou sous forme de balisage en mode Source.

Modification de tableaux en mode Design

En mode Design, le concepteur de pages Web fournit un éditeur de tableaux qui permet de modifier des tableaux HTML visuellement. Vous pouvez ajouter un tableau à une page soit depuis la Boîte à outils, soit à l'aide d'une boîte de dialogue dont les options permettent de paramétrer les propriétés des tableaux et des cellules. Le tableau s'affiche dans le concepteur tel qu'il apparaîtra dans le navigateur. (Par défaut, le concepteur ajoute des bordures visibles autour du tableau pour faciliter les modifications, même si votre tableau n'est pas configuré pour afficher des bordures.)

Remarque :

Comme pour tous les éléments figurant dans le concepteur de pages Web, l'éditeur de tableaux crée un balisage compatible XHTML. Pour plus d'informations, consultez XHTML dans Visual Web Developer.

L'éditeur de tableaux permet de sélectionner des lignes, des colonnes ou des cellules et de définir leurs propriétés. Vous pouvez utiliser également l'éditeur pour redimensionner des colonnes, des lignes ou des cellules.

Remarque :

L'éditeur de tableaux permet de modifier des tableaux HTML (éléments table et leurs éléments enfants), mais pas le contrôle ASP.NET Table (élémentsasp:table). Les contrôles ASP.NET Table sont le plus souvent utilisés par programme pour créer un affichage sous forme de tableau. Ils ne sont donc généralement pas utilisés pour la disposition au sein de la page.

Modèles de disposition de tableaux

Les tableaux HTML étant souvent utilisés pour définir la disposition des éléments dans la page, l'éditeur de tableaux fournit un jeu de modèles de disposition prédéfinis. Lorsque vous créez un tableau, vous pouvez sélectionner des dispositions courantes, notamment des tableaux qui définissent les éléments suivants :

  • Une cellule pour un en-tête et une autre cellule pour le contenu principal.

  • Une cellule pour le contenu principal et une autre cellule pour le contenu annexe.

  • Une cellule pour l'en-tête, une cellule pour le contenu annexe, une cellule pour le pied de page et une cellule pour le contenu principal.

Remarque :

Lorsque vous commencez à créer un tableau à partir d'un modèle prédéfini, ce tableau ne contient aucun contenu et son rendu risque donc de différer de vos attentes. Testez la disposition de votre tableau en ajoutant du contenu.

Après avoir créé un tableau à l'aide d'un modèle de disposition, vous pouvez personnaliser le modèle pour l'adapter à vos besoins spécifiques.

Modification de tableaux en mode Source

Vous pouvez modifier des tableaux HTML en mode Source de la même manière que des éléments HTML. Par exemple, l'éditeur fournit les fonctions IntelliSense et validation pour des éléments de tableaux exactement comme pour d'autres types d'éléments. Les fonctionnalités d'éditeur suivantes sont particulièrement utiles pour travailler avec des tableaux en mode Source :

Voir aussi

Tâches

Comment : ajouter et supprimer des éléments de tableau HTML dans Visual Web Developer

Comment : sélectionner des éléments et du contenu de tableau HTML dans Visual Web Developer

Comment : redimensionner des éléments de tableau HTML dans Visual Web Developer