Comment construire une table dans un site Web

July 6

Donc, vous voulez apprendre à construire une table dans un site Web? Vous devez apprendre quelques balises HTML. La première balise est appelée la "table" tag, et il ressemble à ceci: <table>. Cela indique au navigateur qu'une table doit être établi dans la page Web. Vous ajoutez des lignes et des colonnes à la table en utilisant la balise <tr>, ce qui indique une nouvelle ligne dans la table, et la balise <td>, qui est utilisé pour indiquer que les données seront ajoutés à la ligne du tableau.

Instructions

Comment construire un tableau dans un wesbite

1 Localisez la zone dans votre code HTML sur votre page de site Web où vous voulez construire la table. Insérez la balise <table> dans ce domaine.

2 Insérez la balise <tr> après la balise <table>, cela indique au navigateur que d'une nouvelle ligne de la table est formée. Insérez ensuite la balise <td> pour indiquer au navigateur que cette ligne contient des données (td signifie données de la table). Il devrait ressembler à ceci, <table> <tr> <td>

3 Entrez le texte, l'image ou l'information que vous voulez contenu dans la ligne du tableau après les <tr> <td> tags. Votre HTML ressemblera à ceci, <table> <tr> <td> votre texte ou de l'image va ici. Pour mettre fin à la ligne, utilisez les </ tr> </ td> tags.

4 Vous pouvez ajouter des lignes supplémentaires en utilisant un autre jeu de <tr> <td> balises, après les </ tr> </ td> tags.

5 Lorsque vous avez terminé la construction de la table, insérez le </ table>. Cela indique au navigateur que la table est maintenant "fermé."

Conseils et avertissements

  • Si vous souhaitez ajouter plusieurs colonnes à votre table, insérer une balise <td> à la fin du texte ou une image, de la ligne, après la première balise <td>. Ceci indique au navigateur qu'il n'y a plus d'informations à ajouter à la table. Il formera automatiquement une autre colonne.
  • Ajout </ tr> </ td> tags, qui racontent le navigateur pour mettre fin à la ligne, ne sont pas toujours nécessaires. Certains navigateurs prennent automatiquement la première ligne est fermée quand un autre jeu de <tr> <td> balises sont utilisées pour déclarer une nouvelle ligne.
  • Lorsque vous ajoutez une ligne qui a plusieurs colonnes (<td> tags), et une ligne qui n'a qu'une seule colonne, vous devez utiliser le <colspan> attribut d'étendre la ligne de table à travers les colonnes. Il ressemblera à ceci ...
  • <Table>
  • <Tr> <td> Votre texte ... plus de texte ... texte ...
  • <Td> Voici une autre colonne de texte
  • <Td> Voici une autre colonne dans cette rangée
  • </ Tr> </ td>
  • <Tr> <td colspan = "3"> Ceci est une seule ligne que je veux développer dans les trois colonnes ci-dessus, donc j'utiliser <colspan = "3"> dans la balise.
  • </ Table>
  • Les tableaux peuvent être source de confusion, car les navigateurs vont les interpréter différemment. Se familiariser avec l'aide de <colspan> et <rowspan> attributs, pour organiser vos cellules de tableau que vous souhaitez qu'ils apparaissent.
  • Les navigateurs lire </ table> balises de façon à confusion aussi, donc si vous utilisez une table à l'intérieur d'une table, ou insérer une balise <table> dans votre HTML avant de fermer votre première table, vérifiez chaque page dans un navigateur différent avant vous publiez votre page.

          

Post a comment: