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

2
00:00:00,170 --> 00:00:02,740
>> SPEAKER 1: Misalkan Anda memiliki beberapa
Data tabular yang Anda ingin tata letak

3
00:00:02,740 --> 00:00:05,470
dalam sebuah halaman web dalam sebuah tabel,
dengan baris dan kolom.

4
00:00:05,470 --> 00:00:06,540
Bagaimana kita bisa melakukan ini?

5
00:00:06,540 --> 00:00:10,480
>> Nah, di muka sini aku sudah
dimulai dengan table.html, dengan beberapa

6
00:00:10,480 --> 00:00:12,300
tag terbuka dan beberapa tag tertutup.

7
00:00:12,300 --> 00:00:15,890
Di dalam tubuh sekarang, mari kita
termasuk tag tabel.

8
00:00:15,890 --> 00:00:19,300
Dan preemptively, supaya aku tidak
lupa, mari kita termasuk meja dekat

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

10
00:00:20,760 --> 00:00:24,830
Di dalam itu, mari kita tentukan
baris tabel dengan tag tr.

11
00:00:24,830 --> 00:00:27,300
Dan, juga preemptively, tutup itu.

12
00:00:27,300 --> 00:00:31,550
>> Sekarang dalam baris ini, mari kita mendefinisikan
kolom atau data yang akan

13
00:00:31,550 --> 00:00:34,050
dalam kolom tersebut,
atau sel-sel di dalamnya.

14
00:00:34,050 --> 00:00:37,470
Untuk melakukan hal ini, mari kita gunakan
tag td untuk data tabel.

15
00:00:37,470 --> 00:00:39,730
Buka braket td braket dekat.

16
00:00:39,730 --> 00:00:42,490
Dan sekarang, bagaimana kalau kita mulai simulasi
nomor telepon itu.

17
00:00:42,490 --> 00:00:45,890
Mari kita mulai dengan satu, dan kemudian
menutup tabel ini tag data.

18
00:00:45,890 --> 00:00:47,840
Mari kita membuka yang baru dengan 2.

19
00:00:47,840 --> 00:00:49,200
Tutup yang satu juga.

20
00:00:49,200 --> 00:00:50,270
Dan kemudian ketiga.

21
00:00:50,270 --> 00:00:52,980
td 3 td dekat.

22
00:00:52,980 --> 00:00:54,000
>> Di mana aku akan dengan ini?

23
00:00:54,000 --> 00:00:57,840
Yah, saya menyatakan bahwa karena kita memiliki
baris tabel, yang di dalamnya kita miliki

24
00:00:57,840 --> 00:01:02,950
tiga data tabel, kita pada dasarnya memiliki
awal dari sebuah meja yang memiliki satu

25
00:01:02,950 --> 00:01:04,590
baris dan tiga kolom.

26
00:01:04,590 --> 00:01:06,640
Sekarang mari kita memberikan beberapa
baris tambahan.

27
00:01:06,640 --> 00:01:11,300
>> Di bawah tag tr dekat, mari kita buka
tag tr lain, dan preemptively dekat

28
00:01:11,300 --> 00:01:12,510
yang satu juga.

29
00:01:12,510 --> 00:01:21,600
Di dalam itu, mari kita sekarang
melakukan td 4, td 5, dan 6 td.

30
00:01:21,600 --> 00:01:23,470
Di bawah baris itu, mari kita lakukan ketiga.

31
00:01:23,470 --> 00:01:25,680
Buka baris tabel, dekat baris tabel.

32
00:01:25,680 --> 00:01:34,970
Di dalam itu, td 7, td 8, dan 9 td.

33
00:01:34,970 --> 00:01:37,910
>> Terakhir, hanya untuk membuat hal-hal menarik,
mari kita menyelesaikan bagian bawah

34
00:01:37,910 --> 00:01:39,430
pad ponsel ini.

35
00:01:39,430 --> 00:01:42,530
Buka tr dan dekat tr.

36
00:01:42,530 --> 00:01:51,530
Dan di dalam itu, td bintang,
td 0, dan td pon.

37
00:01:51,530 --> 00:01:54,090
Sekarang mari kita menyimpan file ini, perubahan
perizinannya, dan

38
00:01:54,090 --> 00:01:56,440
melihatnya dengan browser.

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

40
00:02:00,220 --> 00:02:02,300
Sekarang mari kita buka Chrome.

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

42
00:02:08,430 --> 00:02:11,610
Dan di sana kita memiliki apa yang muncul
menjadi tabel HTML.

43
00:02:11,610 --> 00:02:13,920
Itu tidak cukup terlihat seperti yang saya harapkan.

44
00:02:13,920 --> 00:02:17,650
Mari kita setidaknya menambahkan perbatasan sekarang sekitar
semua sel-sel tabel.

45
00:02:17,650 --> 00:02:21,670
>> Mari kita kembali ke gedit dan gulir
sampai dengan tag meja itu sendiri.

46
00:02:21,670 --> 00:02:25,130
Dan mari kita tambahkan atribut, yang dikenal sebagai
"Perbatasan," yang menentukan numerik

47
00:02:25,130 --> 00:02:27,310
nilai lebar perbatasan.

48
00:02:27,310 --> 00:02:31,160
Perbatasan sama dengan kutipan tanda kutip 1,
di mana 1 menunjukkan lebar

49
00:02:31,160 --> 00:02:32,400
perbatasan tabel.

50
00:02:32,400 --> 00:02:36,920
Mari kita menyimpan file dan kembali
halaman di browser saya.

51
00:02:36,920 --> 00:02:38,920
>> Kembali di Chrome, reload.

52
00:02:38,920 --> 00:02:39,860
Dan ada yang kita miliki.

53
00:02:39,860 --> 00:02:42,550
Sangat jelek, tapi tetap
Data tabular.

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