1
00:00:00,660 --> 00:00:04,430
Dus de volgende element dat ik wil praten over het HCM l tafel.

2
00:00:04,770 --> 00:00:12,110
Dus de tafel is hoe we grafieken of tabellen te maken als deze hier op de Indische pagina voor tafel.

3
00:00:12,480 --> 00:00:15,760
Er is een tafel hier kun je zien van een grafiek.

4
00:00:16,620 --> 00:00:23,090
Er is nog een tafel hier voor kleuren en dan is hier een paar voorbeelden van de soorten van de dingen die we gaan om aan te werken.

5
00:00:23,340 --> 00:00:25,300
Dit zijn dus tabellen van aard.

6
00:00:25,380 --> 00:00:26,560
Ze zijn vrij eenvoudig.

7
00:00:26,560 --> 00:00:34,800
Het is duidelijk dat ze niet de mooiste dingen zonder styling, maar ze zijn zeer nuttig om gegevens in tabel formaat weer te geven.

8
00:00:34,800 --> 00:00:37,580
Ik ga om te gaan en te becommentariëren.

9
00:00:37,860 --> 00:00:55,550
Een groot deel van dit bestand uit te herinneren in sublieme bevel slash en ik ga in een nieuwe tabel element en de binnenkant van elke tafel te zetten en dit is waar het wordt een beetje lastig omdat er een paar verschillende manieren om dit te doen.

10
00:00:55,560 --> 00:01:08,590
De eerste gaan we om te laten zien is dat we brief t r element dat staat voor tafel rij en vervolgens binnenkant van elke tabelrij zet je een t d element.

11
00:01:08,790 --> 00:01:14,490
Dus ik ga dit gewoon uit te schrijven alleen maar om te laten zien een foto eerst dan gaan we terug te komen en te bespreken.

12
00:01:14,490 --> 00:01:23,670
Dus tiddy en we gaan gewoon wat willekeurige tekst zetten hier dus laten we teruggaan naar de kleuren rood en oranje en laten we het daarbij laten.

13
00:01:23,700 --> 00:01:27,150
Ik vernieuw mijn pagina en ik heb een mooie tafel.

14
00:01:27,150 --> 00:01:32,320
Maar ik heb geen grens op deze tafel, dus het is moeilijk om te zien wat er gebeurt.

15
00:01:32,460 --> 00:01:34,340
Je zou dit doen met behulp van CSSA.

16
00:01:34,350 --> 00:01:41,040
Gewoonlijk is dit niet echt een geweldig idee van de manier waarop ik het deed hier met een border attribuut.

17
00:01:41,160 --> 00:01:43,760
Dit is een soort van de oude manier van doen.

18
00:01:43,830 --> 00:01:54,780
Dit is hoe je het terug voor in principe zou kunnen doen in de tijd voordat de dingen meer gericht rond het doen van al uw styling in uw C Ss zodat u nog steeds kon doen werd.

19
00:01:54,780 --> 00:01:56,960
Ik ga gewoon hier toe alleen maar om te laten zien wat er gebeurt.

20
00:01:57,120 --> 00:02:04,360
Dus wat ik heb gedaan is gemaakt van een tabel die een rij en het heeft twee elementen om TDL in plaats van een rij.

21
00:02:04,770 --> 00:02:20,070
Zo kan ik een andere rij te maken en ik ga groen en geel te maken en neem een ​​moment om gewoon te denken over wat dit eruit zou moeten zien toen ik te vernieuwen.

22
00:02:20,070 --> 00:02:25,070
We hebben allemaal twee rijen nu rood en oranje en geel en groen.

23
00:02:25,890 --> 00:02:32,990
Dus nogmaals hebben we tafel we hebben t r gekregen voor elke rij en vervolgens een T D voor elke cel gekregen.

24
00:02:33,900 --> 00:02:35,300
Dus dat is geweldig.

25
00:02:35,310 --> 00:02:45,090
Het volgende ding dat ik wil laten zien is hoe we een kop op de tafel zou kunnen leiden dus laten we laten we veranderen onze data een beetje en laten we deze tabel over mensen.

26
00:02:45,090 --> 00:02:59,950
Dus we zullen iets als naam en leeftijd te hebben en vervolgens onder dat we zullen moeten jij naam is of misschien is dit honden die roestig Mijn hond heeft om hem te bekijken.

27
00:02:59,970 --> 00:03:04,130
Mijn andere hond die is 13 en ga zo maar door.

28
00:03:04,260 --> 00:03:11,250
Dus om deze willen we de naam en de leeftijd om een ​​deel van een tabel vorm van de vetgedrukte kop van de tafel te doen.

29
00:03:11,250 --> 00:03:12,770
En dus is er een ander element.

30
00:03:13,080 --> 00:03:20,380
We zullen een andere rij te maken en in plaats van Tweedy's gaan we een label genaamd Th gebruiken.

31
00:03:20,940 --> 00:03:23,820
Dus th voor een tafel head of tafel header.

32
00:03:24,370 --> 00:03:46,970
En we gaan naar een naam en leeftijd te hebben en dan zal onze eerste rij te gaan en vul Rusty en zijn leeftijd is om dan onze volgende rij zal Wyatt en zijn 13-jarige leeftijd.

33
00:03:47,610 --> 00:03:49,220
Het is goed voor een hond.

34
00:03:49,590 --> 00:03:51,320
Dus heb ik de pagina te vernieuwen.

35
00:03:51,540 --> 00:03:56,170
Ach ja kun je mijn mooie schema zie dit commentaar dat uit.

36
00:03:56,910 --> 00:03:58,240
En nu hier is mijn tafel.

37
00:03:58,470 --> 00:04:06,070
Dus ik heb mijn e in een rij en dan als ik had een andere rij met twee elementen en dan nog een rij met twee elementen.

38
00:04:06,150 --> 00:04:08,540
Dus een ander ding kunnen we hier bespreken.

39
00:04:08,850 --> 00:04:13,150
Er is een iets ingewikkelder manier exact dezelfde tabel maken.

40
00:04:13,620 --> 00:04:19,590
En het is eigenlijk meer ingewikkeld het is gewoon een tag of twee dat onze tafel meer betekenis geeft.

41
00:04:19,590 --> 00:04:25,900
Dus nu onze koersinformatie is twee koppen zijn slechts een onderdeel van een reguliere TR.

42
00:04:26,100 --> 00:04:31,370
Dus er is geen onderscheid tussen deze TR En dit TR Ze zijn allebei gewoon tabelrijen.

43
00:04:31,680 --> 00:04:38,620
Nou in eerste instantie van alle vijf weer de nadruk ligt op het maken van elk team uit en het hebben van markup die enigszins zinvol.

44
00:04:38,640 --> 00:04:55,350
Dus dat als een andere code is op zoek naar deze site en iemand die met behulp van een schermlezer schermlezer code kan mijn leeftijd hem HMO zien en lezen en het zal de titel weten het zal weten wat het lichaam van de tabel die zou kunnen gedragen iets anders dan wanneer het alleen maar leest alle wegen hardop.

45
00:04:55,350 --> 00:05:08,670
Dus wat we doen er twee elementen die we kunnen toevoegen en er is een T kop en een t lichaam en deze zullen een verschil maken op alle in het uiterlijk.

46
00:05:08,860 --> 00:05:17,550
Maar ik kan doen is gewoon bewegen de kop spul alles wat correspondeert met de bovenste deel in een T hoofd.

47
00:05:18,810 --> 00:05:31,610
En dan wat ik ga doen is bewegen de behuizing van de tabel alle content in het lichaam, zodat het lijkt identiek niets moet veranderen.

48
00:05:31,770 --> 00:05:38,870
En laten we gewoon een andere snel te veranderen dus laten we voegen een andere kolom dus dit wordt de naam van de leeftijd en ras.

49
00:05:39,690 --> 00:05:46,320
Dus Resti is een straathond en waarom het is een gouden.

50
00:05:46,950 --> 00:05:47,610
Daar gaan we.

51
00:05:47,760 --> 00:05:50,340
Dus dat is de basis van de tabellen.

52
00:05:50,340 --> 00:05:52,470
Opnieuw zijn ze meestal niet zo lelijk.

53
00:05:52,470 --> 00:05:57,450
We gebruiken meestal C S S en dus dit is gewoon een normale tafel zonder enige styling.

54
00:05:57,450 --> 00:06:01,880
En dan zullen we gaan zien te beoordelen en de doopvonten veranderen en voeg een grens en achtergrondkleuren en dat alles.

55
00:06:02,130 --> 00:06:02,930
Oke geweldig.