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

2
00:00:00,170 --> 00:00:02,740
>> SPEAKER 1: Oletetaan, että sinulla on jokin
taulukkoarvot haluat layout

3
00:00:02,740 --> 00:00:05,470
web-sivun taulukko,
riviä ja sarakkeita.

4
00:00:05,470 --> 00:00:06,540
Miten voisi teemme tämän?

5
00:00:06,540 --> 00:00:10,480
>> No, etukäteen täällä olen saanut
alkoi table.html, joidenkin

6
00:00:10,480 --> 00:00:12,300
avoin tunnisteet ja jotkut suljettu tageja.

7
00:00:12,300 --> 00:00:15,890
Rungon sisältä Nyt,
kuuluu pöytä tag.

8
00:00:15,890 --> 00:00:19,300
Ja ennaltaehkäisevästi, juuri niin en
unohtaa, nyt kuuluu lähellä pöydän

9
00:00:19,300 --> 00:00:20,760
tag samoin.

10
00:00:20,760 --> 00:00:24,830
Sisällä, katsotaanpa määritellä
taulukon rivi tr tag.

11
00:00:24,830 --> 00:00:27,300
Ja myös ennaltaehkäisevästi, sulje se.

12
00:00:27,300 --> 00:00:31,550
>> Nyt sisällä tämän rivin, nyt määritellä
sarakkeet tai data, joka on

13
00:00:31,550 --> 00:00:34,050
sisällä näitä sarakkeita,
tai solujen siihen.

14
00:00:34,050 --> 00:00:37,470
Voit tehdä tämän nyt käyttää
td tag taulukon tiedot.

15
00:00:37,470 --> 00:00:39,730
Alkusulkumerkki td loppusulkumerkki.

16
00:00:39,730 --> 00:00:42,490
Ja nyt, miten alamme simuloimalla
Puhelimen numeroita.

17
00:00:42,490 --> 00:00:45,890
Aloitetaan, ja sitten
sulje tämä taulukon tiedot tag.

18
00:00:45,890 --> 00:00:47,840
Avataan uusi 2.

19
00:00:47,840 --> 00:00:49,200
Sulje että yhtä hyvin.

20
00:00:49,200 --> 00:00:50,270
Ja sitten kolmas.

21
00:00:50,270 --> 00:00:52,980
td 3 lähellä td.

22
00:00:52,980 --> 00:00:54,000
>> Minne olen menossa tähän?

23
00:00:54,000 --> 00:00:57,840
No, Väitän, että koska meillä on
taulukon rivi, jonka sisällä olemme

24
00:00:57,840 --> 00:01:02,950
kolme taulukossa Datas, meillä on olennaisesti
alkuja taulukon, jossa on yksi

25
00:01:02,950 --> 00:01:04,590
rivi ja kolme saraketta.

26
00:01:04,590 --> 00:01:06,640
Katsotaanpa nyt antaa sille
rivejä.

27
00:01:06,640 --> 00:01:11,300
>> Alla lähellä tr tunnisteen, nyt avata
toinen tr tag, ja preemptively lähellä

28
00:01:11,300 --> 00:01:12,510
että yhtä hyvin.

29
00:01:12,510 --> 00:01:21,600
Sisällä, katsotaanpa nyt
do td 4, td 5 ja TD 6.

30
00:01:21,600 --> 00:01:23,470
Alla rivin, tehdään kolmas.

31
00:01:23,470 --> 00:01:25,680
Open taulukon rivi, lähellä taulukon rivi.

32
00:01:25,680 --> 00:01:34,970
Sisällä että td 7, TD 8, ja td 9.

33
00:01:34,970 --> 00:01:37,910
>> Lopuksi vain tehdä asiat mielenkiintoisia,
Katsotaan loppuun pohjaan

34
00:01:37,910 --> 00:01:39,430
tämän puhelimen pad.

35
00:01:39,430 --> 00:01:42,530
Avoin tr ja lähellä tr.

36
00:01:42,530 --> 00:01:51,530
Ja sisältä, että td tähti,
td 0, ja td punta.

37
00:01:51,530 --> 00:01:54,090
Katsotaanpa nyt tallentaa tämän tiedoston, muutos
sen käyttöoikeudet ja

38
00:01:54,090 --> 00:01:56,440
katsella sitä selaimella.

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

40
00:02:00,220 --> 00:02:02,300
Katsotaanpa nyt avata Chrome.

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

42
00:02:08,430 --> 00:02:11,610
Ja siellä meillä on mitä näyttää
olevan HTML-taulukko.

43
00:02:11,610 --> 00:02:13,920
Se ei oikein näytä odotin.

44
00:02:13,920 --> 00:02:17,650
Katsotaanpa ainakin lisätä reunuksen nyt noin
kaikki nämä taulukkosolut.

45
00:02:17,650 --> 00:02:21,670
>> Mennään takaisin gedit ja selaa
jopa pöytä tag itse.

46
00:02:21,670 --> 00:02:25,130
Ja antaa lisätä määrite, joka tunnetaan nimellä
"Border", joka määrittää numeerinen

47
00:02:25,130 --> 00:02:27,310
arvo leveys rajan.

48
00:02:27,310 --> 00:02:31,160
Border vastaa lainaus unquote 1,
jossa 1 tarkoittaa leveyttä

49
00:02:31,160 --> 00:02:32,400
taulukon raja.

50
00:02:32,400 --> 00:02:36,920
Säästetään tiedosto ja lataa
sivu minun selaimessa.

51
00:02:36,920 --> 00:02:38,920
>> Back in Chrome, lataa.

52
00:02:38,920 --> 00:02:39,860
Ja siellä meillä on.

53
00:02:39,860 --> 00:02:42,550
Erittäin ruma, mutta kuitenkin
taulukkomuodossa.

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