>> INTERLOCUTEUR 1: Supposons que vous avez une données tabulaires que vous souhaitez mettre en page
dans une page Web dans un tableau, avec des rangées et des colonnes.
Comment pourrions-nous le faire?
>> Eh bien, à l'avance ici que j'ai obtenu commencé avec table.html, avec une certaine
balises d'ouverture et de fermeture des balises.
A l'intérieur du corps maintenant, nous allons inclure la balise table.
Et préventivement, juste pour que je ne le fais pas oublier, nous allons inclure la table près
marquer ainsi.
À l'intérieur de cela, nous allons préciser une ligne de tableau avec une balise tr.
Et, aussi préventivement, fermez cette.
>> Maintenant à l'intérieur de cette ligne, nous allons définir le les colonnes ou les données qui seront
à l'intérieur de ces colonnes, ou des cellules dans celui-ci.
Pour ce faire, nous allons utiliser la balise td pour les données de la table.
Ouvrir support td ferme la parenthèse.
Et maintenant, que diriez-vous de commencer la simulation Les numéros de téléphone.
Commençons par un, puis fermer cette balise de données de table.
Ouvrons une nouvelle avec 2.
Fermer celui-là aussi.
Et puis un troisième.
td td 3 près.
>> Où vais-je cela?
Eh bien, je prétends que parce que nous avons un ligne de la table, à l'intérieur de laquelle nous avons
trois données de la table, nous avons essentiellement les débuts d'une table qui a un
ligne et trois colonnes.
Donnons maintenant une certaine lignes supplémentaires.
>> Ci-dessous la balise tr près, ouvrons une autre balise tr, et préventivement près
celui-là aussi.
À l'intérieur de cela, nous allons maintenant faire td 4, 5 td, td et 6.
Ci-dessous de cette ligne, nous allons faire une troisième.
Ouvrir la table rangée, près ligne de la table.
À l'intérieur de cela, td 7, 8 td, td et 9.
>> Enfin, juste pour rendre les choses intéressantes, nous allons compléter le fond
de ce tapis de téléphone.
Ouvrir tr tr et à proximité.
Et à l'intérieur de cela, étoiles td, td 0, et td livre.
Voyons maintenant enregistrer ce fichier, changement ses autorisations, et
voir avec un navigateur.
>> Chmod a + r table.html.
Ouvrons maintenant Chrome.
http://localhost/table.html.
Et là, nous avons ce qui semble être un tableau HTML.
Il ne ressemble pas tout à fait ce que j'attendais.
Disons au moins ajouter une bordure autour de l'entreprise l'ensemble de ces cellules de tableau.
>> Revenons à gedit et faites défiler jusqu'à la balise table elle-même.
Et nous allons ajouter un attribut, connu sous le nom «Frontière», qui spécifie une valeur numérique
La valeur de la largeur d'une bordure.
Frontière égale entre guillemets 1, où 1 représente la largeur
de la bordure de la table.
Sauvons le fichier et recharger la page dans mon navigateur.
>> Retour dans Chrome, recharger.
Et là, nous l'avons.
Très laid, mais néanmoins données tabulaires.