1
00:00:00,000 --> 00:00:00,170

2
00:00:00,170 --> 00:00:02,740
>> INTERLOCUTEUR 1: Supposons que vous avez une
données tabulaires que vous souhaitez mettre en page

3
00:00:02,740 --> 00:00:05,470
dans une page Web dans un tableau,
avec des rangées et des colonnes.

4
00:00:05,470 --> 00:00:06,540
Comment pourrions-nous le faire?

5
00:00:06,540 --> 00:00:10,480
>> Eh bien, à l'avance ici que j'ai obtenu
commencé avec table.html, avec une certaine

6
00:00:10,480 --> 00:00:12,300
balises d'ouverture et de fermeture des balises.

7
00:00:12,300 --> 00:00:15,890
A l'intérieur du corps maintenant, nous allons
inclure la balise table.

8
00:00:15,890 --> 00:00:19,300
Et préventivement, juste pour que je ne le fais pas
oublier, nous allons inclure la table près

9
00:00:19,300 --> 00:00:20,760
marquer ainsi.

10
00:00:20,760 --> 00:00:24,830
À l'intérieur de cela, nous allons préciser
une ligne de tableau avec une balise tr.

11
00:00:24,830 --> 00:00:27,300
Et, aussi préventivement, fermez cette.

12
00:00:27,300 --> 00:00:31,550
>> Maintenant à l'intérieur de cette ligne, nous allons définir le
les colonnes ou les données qui seront

13
00:00:31,550 --> 00:00:34,050
à l'intérieur de ces colonnes,
ou des cellules dans celui-ci.

14
00:00:34,050 --> 00:00:37,470
Pour ce faire, nous allons utiliser la
balise td pour les données de la table.

15
00:00:37,470 --> 00:00:39,730
Ouvrir support td ferme la parenthèse.

16
00:00:39,730 --> 00:00:42,490
Et maintenant, que diriez-vous de commencer la simulation
Les numéros de téléphone.

17
00:00:42,490 --> 00:00:45,890
Commençons par un, puis
fermer cette balise de données de table.

18
00:00:45,890 --> 00:00:47,840
Ouvrons une nouvelle avec 2.

19
00:00:47,840 --> 00:00:49,200
Fermer celui-là aussi.

20
00:00:49,200 --> 00:00:50,270
Et puis un troisième.

21
00:00:50,270 --> 00:00:52,980
td td 3 près.

22
00:00:52,980 --> 00:00:54,000
>> Où vais-je cela?

23
00:00:54,000 --> 00:00:57,840
Eh bien, je prétends que parce que nous avons un
ligne de la table, à l'intérieur de laquelle nous avons

24
00:00:57,840 --> 00:01:02,950
trois données de la table, nous avons essentiellement
les débuts d'une table qui a un

25
00:01:02,950 --> 00:01:04,590
ligne et trois colonnes.

26
00:01:04,590 --> 00:01:06,640
Donnons maintenant une certaine
lignes supplémentaires.

27
00:01:06,640 --> 00:01:11,300
>> Ci-dessous la balise tr près, ouvrons
une autre balise tr, et préventivement près

28
00:01:11,300 --> 00:01:12,510
celui-là aussi.

29
00:01:12,510 --> 00:01:21,600
À l'intérieur de cela, nous allons maintenant
faire td 4, 5 td, td et 6.

30
00:01:21,600 --> 00:01:23,470
Ci-dessous de cette ligne, nous allons faire une troisième.

31
00:01:23,470 --> 00:01:25,680
Ouvrir la table rangée, près ligne de la table.

32
00:01:25,680 --> 00:01:34,970
À l'intérieur de cela, td 7, 8 td, td et 9.

33
00:01:34,970 --> 00:01:37,910
>> Enfin, juste pour rendre les choses intéressantes,
nous allons compléter le fond

34
00:01:37,910 --> 00:01:39,430
de ce tapis de téléphone.

35
00:01:39,430 --> 00:01:42,530
Ouvrir tr tr et à proximité.

36
00:01:42,530 --> 00:01:51,530
Et à l'intérieur de cela, étoiles td,
td 0, et td livre.

37
00:01:51,530 --> 00:01:54,090
Voyons maintenant enregistrer ce fichier, changement
ses autorisations, et

38
00:01:54,090 --> 00:01:56,440
voir avec un navigateur.

39
00:01:56,440 --> 00:02:00,220
>> Chmod a + r table.html.

40
00:02:00,220 --> 00:02:02,300
Ouvrons maintenant Chrome.

41
00:02:02,300 --> 00:02:08,430
http://localhost/table.html.

42
00:02:08,430 --> 00:02:11,610
Et là, nous avons ce qui semble
être un tableau HTML.

43
00:02:11,610 --> 00:02:13,920
Il ne ressemble pas tout à fait ce que j'attendais.

44
00:02:13,920 --> 00:02:17,650
Disons au moins ajouter une bordure autour de l'entreprise
l'ensemble de ces cellules de tableau.

45
00:02:17,650 --> 00:02:21,670
>> Revenons à gedit et faites défiler
jusqu'à la balise table elle-même.

46
00:02:21,670 --> 00:02:25,130
Et nous allons ajouter un attribut, connu sous le nom
«Frontière», qui spécifie une valeur numérique

47
00:02:25,130 --> 00:02:27,310
La valeur de la largeur d'une bordure.

48
00:02:27,310 --> 00:02:31,160
Frontière égale entre guillemets 1,
où 1 représente la largeur

49
00:02:31,160 --> 00:02:32,400
de la bordure de la table.

50
00:02:32,400 --> 00:02:36,920
Sauvons le fichier et recharger
la page dans mon navigateur.

51
00:02:36,920 --> 00:02:38,920
>> Retour dans Chrome, recharger.

52
00:02:38,920 --> 00:02:39,860
Et là, nous l'avons.

53
00:02:39,860 --> 00:02:42,550
Très laid, mais néanmoins
données tabulaires.

54
00:02:42,550 --> 00:02:44,694