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

2
00:00:00,170 --> 00:00:02,740
>> ลำโพง 1: สมมติว่าคุณมีบาง
ข้อมูลตารางที่คุณต้องการในรูปแบบ

3
00:00:02,740 --> 00:00:05,470
ในหน้าเว็บในตาราง
กับแถวและคอลัมน์

4
00:00:05,470 --> 00:00:06,540
วิธีการที่เราอาจจะทำเช่นนี้?

5
00:00:06,540 --> 00:00:10,480
>> ดีล่วงหน้าที่นี่ผมเคย
เริ่มต้นด้วยการ table.html มีบาง

6
00:00:10,480 --> 00:00:12,300
ที่แท็กเปิดและแท็กปิด

7
00:00:12,300 --> 00:00:15,890
ภายในของร่างกายตอนนี้ขอ
รวมถึงแท็กตาราง

8
00:00:15,890 --> 00:00:19,300
และ preemptively เพียงเพื่อให้ฉันทำไม่ได้
ลืมให้รวมถึงโต๊ะใกล้

9
00:00:19,300 --> 00:00:20,760
แท็กได้เป็นอย่างดี

10
00:00:20,760 --> 00:00:24,830
ภายในที่ให้ระบุ
แถวของตารางที่มีแท็ก tr

11
00:00:24,830 --> 00:00:27,300
และยัง preemptively ใกล้ที่

12
00:00:27,300 --> 00:00:31,550
>> ตอนนี้ภายในของแถวนี้ให้มีกำหนด
คอลัมน์หรือข้อมูลที่จะเป็น

13
00:00:31,550 --> 00:00:34,050
ในคอลัมน์นั้น
หรือเซลล์นั้น

14
00:00:34,050 --> 00:00:37,470
การทำเช่นนี้ขอใช้
แท็ก TD สำหรับข้อมูลของตาราง

15
00:00:37,470 --> 00:00:39,730
เปิด TD วงเล็บวงเล็บปิด

16
00:00:39,730 --> 00:00:42,490
และตอนนี้เกี่ยวกับวิธีการที่เราจะเริ่มเลียนแบบ
หมายเลขโทรศัพท์ของ

17
00:00:42,490 --> 00:00:45,890
ขอเริ่มต้นด้วยหนึ่งแล้ว
ปิดตารางนี้แท็กข้อมูล

18
00:00:45,890 --> 00:00:47,840
ขอเปิดใหม่มี 2

19
00:00:47,840 --> 00:00:49,200
ปิดหนึ่งที่เป็นอย่างดี

20
00:00:49,200 --> 00:00:50,270
แล้วที่สาม

21
00:00:50,270 --> 00:00:52,980
TD TD 3 ใกล้

22
00:00:52,980 --> 00:00:54,000
>> ที่ฉันจะมีนี้?

23
00:00:54,000 --> 00:00:57,840
ดีฉันอ้างว่าเพราะเรามี
แถวของตารางภายในที่เรามี

24
00:00:57,840 --> 00:01:02,950
สาม datas ตารางเราเป็นหลักมี
จุดเริ่มต้นของตารางที่มีอย่างใดอย่างหนึ่ง

25
00:01:02,950 --> 00:01:04,590
แถวและคอลัมน์ที่สาม

26
00:01:04,590 --> 00:01:06,640
ตอนนี้ขอให้มันบาง
แถวเพิ่มเติม

27
00:01:06,640 --> 00:01:11,300
>> ด้านล่างแท็ก tr ปิดให้เปิด
แท็ก tr อื่นและใกล้ preemptively

28
00:01:11,300 --> 00:01:12,510
อย่างใดอย่างหนึ่งเช่นกันที่

29
00:01:12,510 --> 00:01:21,600
ภายในที่ตอนนี้ขอ
ทำ TD 4, 5, td และ TD 6

30
00:01:21,600 --> 00:01:23,470
ด้านล่างแถวนั้นให้ทำที่สาม

31
00:01:23,470 --> 00:01:25,680
เปิดแถวตารางแถวของตารางอย่างใกล้ชิด

32
00:01:25,680 --> 00:01:34,970
ภายในของที่ td 7, 8, td และ TD 9

33
00:01:34,970 --> 00:01:37,910
>> สุดท้ายเพียงเพื่อให้สิ่งที่น่าสนใจ
ให้เสร็จสมบูรณ์ด้านล่าง

34
00:01:37,910 --> 00:01:39,430
แผ่นโทรศัพท์นี้

35
00:01:39,430 --> 00:01:42,530
เปิดและปิด tr tr

36
00:01:42,530 --> 00:01:51,530
และภายในของที่ดาว td,
TD 0, และ TD ปอนด์

37
00:01:51,530 --> 00:01:54,090
ตอนนี้ขอบันทึกแฟ้มนี้การเปลี่ยนแปลง
สิทธิ์ของตนและ

38
00:01:54,090 --> 00:01:56,440
ดูด้วยเบราว์เซอร์

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

40
00:02:00,220 --> 00:02:02,300
ตอนนี้ขอเปิด Chrome

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

42
00:02:08,430 --> 00:02:11,610
และมีเรามีสิ่งที่จะปรากฏขึ้น
จะเป็นตาราง HTM​​L

43
00:02:11,610 --> 00:02:13,920
มันไม่ได้ค่อนข้างมีลักษณะเหมือนที่ผมคาดไว้

44
00:02:13,920 --> 00:02:17,650
ขออย่างน้อยเพิ่มเส้นขอบรอบในขณะนี้
ทั้งหมดของบรรดาเซลล์ตาราง

45
00:02:17,650 --> 00:02:21,670
>> ลองกลับไป Gedit ไปและเลื่อน
ขึ้นอยู่กับแท็กตารางของตัวเอง

46
00:02:21,670 --> 00:02:25,130
และให้เพิ่มคุณสมบัติที่เรียกว่า
"ชายแดน" ที่ระบุตัวเลข

47
00:02:25,130 --> 00:02:27,310
ความคุ้มค่ากว้างของเส้นขอบ

48
00:02:27,310 --> 00:02:31,160
ชายแดนเท่ากับอ้างนำมาอ้าง 1
ที่ 1 หมายถึงความกว้าง

49
00:02:31,160 --> 00:02:32,400
ชายแดนของตาราง

50
00:02:32,400 --> 00:02:36,920
ให้บันทึกไฟล์และโหลด
หน้าในเบราว์เซอร์ของฉัน

51
00:02:36,920 --> 00:02:38,920
>> ย้อนกลับไปใน Chrome โหลด

52
00:02:38,920 --> 00:02:39,860
และมีเรามีมัน

53
00:02:39,860 --> 00:02:42,550
น่าเกลียดมาก แต่กระนั้น
ข้อมูลตาราง

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