1 00:00:00,000 --> 00:00:00,170 2 00:00:00,170 --> 00:00:02,740 >> SPEAKER 1: Giả sử bạn có một số bảng dữ liệu mà bạn muốn để bố trí 3 00:00:02,740 --> 00:00:05,470 trong một trang web trong một bảng, với các hàng và cột. 4 00:00:05,470 --> 00:00:06,540 Làm thế nào chúng ta có thể làm điều này? 5 00:00:06,540 --> 00:00:10,480 >> Vâng, trước đây tôi đã nhận được bắt đầu với table.html, với một số 6 00:00:10,480 --> 00:00:12,300 thẻ mở và một số thẻ đóng. 7 00:00:12,300 --> 00:00:15,890 Bên trong cơ thể bây giờ, chúng ta hãy bao gồm các thẻ bảng. 8 00:00:15,890 --> 00:00:19,300 Và đánh phủ đầu, chỉ vì vậy tôi không quên, chúng ta hãy bao gồm bảng gần 9 00:00:19,300 --> 00:00:20,760 thẻ là tốt. 10 00:00:20,760 --> 00:00:24,830 Trong đó, chúng ta hãy xác định một dòng của bảng với một thẻ tr. 11 00:00:24,830 --> 00:00:27,300 Và, cũng đánh phủ đầu, đóng cửa đó. 12 00:00:27,300 --> 00:00:31,550 >> Bây giờ bên trong của dòng này, chúng ta hãy xác định cột hoặc các dữ liệu đó sẽ được 13 00:00:31,550 --> 00:00:34,050 bên trong của các cột, hoặc các tế bào trong đó. 14 00:00:34,050 --> 00:00:37,470 Để làm điều này, hãy sử dụng tag td cho dữ liệu bảng. 15 00:00:37,470 --> 00:00:39,730 Mở khung td khung gần. 16 00:00:39,730 --> 00:00:42,490 Và bây giờ, làm thế nào về chúng tôi bắt đầu mô phỏng số một của điện thoại. 17 00:00:42,490 --> 00:00:45,890 Hãy bắt đầu với một, và sau đó đóng bảng thẻ dữ liệu này. 18 00:00:45,890 --> 00:00:47,840 Chúng ta hãy mở một cái mới với 2. 19 00:00:47,840 --> 00:00:49,200 Đóng một điều đó là tốt. 20 00:00:49,200 --> 00:00:50,270 Và sau đó một phần ba. 21 00:00:50,270 --> 00:00:52,980 td 3 td gần. 22 00:00:52,980 --> 00:00:54,000 >> Tôi sẽ đi đâu với điều này? 23 00:00:54,000 --> 00:00:57,840 Vâng, tôi cho rằng bởi vì chúng tôi có một dòng của bảng, bên trong đó chúng ta có 24 00:00:57,840 --> 00:01:02,950 ba dữ liệu ngay bảng, chúng tôi về cơ bản có sự khởi đầu của một bảng có một 25 00:01:02,950 --> 00:01:04,590 hàng và ba cột. 26 00:01:04,590 --> 00:01:06,640 Bây giờ hãy cho nó một số hàng bổ sung. 27 00:01:06,640 --> 00:01:11,300 >> Dưới các từ khóa tr gần, chúng ta hãy mở một thẻ tr, và đánh phủ đầu gần 28 00:01:11,300 --> 00:01:12,510 một điều đó là tốt. 29 00:01:12,510 --> 00:01:21,600 Trong đó, chúng ta hãy giờ làm td 4, td 5, và td 6. 30 00:01:21,600 --> 00:01:23,470 Dưới dòng đó, chúng ta hãy làm một phần ba. 31 00:01:23,470 --> 00:01:25,680 Mở hàng bảng, gần dòng của bảng. 32 00:01:25,680 --> 00:01:34,970 Trong đó, td 7, td 8, và td 9. 33 00:01:34,970 --> 00:01:37,910 >> Cuối cùng, chỉ để làm cho những điều thú vị, chúng ta hãy hoàn thành phía dưới 34 00:01:37,910 --> 00:01:39,430 pad của điện thoại này. 35 00:01:39,430 --> 00:01:42,530 Mở tr và gần tr. 36 00:01:42,530 --> 00:01:51,530 Và bên trong đó, ngôi sao td, td 0, và td pound. 37 00:01:51,530 --> 00:01:54,090 Bây giờ hãy lưu tập tin này, thay đổi quyền hạn của nó, và 38 00:01:54,090 --> 00:01:56,440 xem nó với một trình duyệt. 39 00:01:56,440 --> 00:02:00,220 >> Chmod a + r table.html. 40 00:02:00,220 --> 00:02:02,300 Bây giờ hãy mở Chrome. 41 00:02:02,300 --> 00:02:08,430 http://localhost/table.html. 42 00:02:08,430 --> 00:02:11,610 Và chúng tôi đã có những gì xuất hiện là một bảng HTML. 43 00:02:11,610 --> 00:02:13,920 Nó không hoàn toàn giống như tôi mong đợi. 44 00:02:13,920 --> 00:02:17,650 Chúng ta hãy ít nhất thêm một biên giới bây giờ xung quanh tất cả những tế bào bảng. 45 00:02:17,650 --> 00:02:21,670 >> Chúng ta hãy quay trở lại gedit và di chuyển lên đến thẻ bảng chính nó. 46 00:02:21,670 --> 00:02:25,130 Và chúng ta hãy thêm một thuộc tính, được gọi là "Biên giới", mà xác định một số 47 00:02:25,130 --> 00:02:27,310 giá trị cho chiều rộng của một biên giới. 48 00:02:27,310 --> 00:02:31,160 Biên giới bằng quote unquote 1, trong đó 1 biểu thị chiều rộng 49 00:02:31,160 --> 00:02:32,400 biên giới của bảng. 50 00:02:32,400 --> 00:02:36,920 Hãy lưu các tập tin và tải lại trang trong trình duyệt của tôi. 51 00:02:36,920 --> 00:02:38,920 >> Trở lại trong Chrome, tải lại. 52 00:02:38,920 --> 00:02:39,860 Và chúng tôi đã có nó. 53 00:02:39,860 --> 00:02:42,550 Rất xấu xí, nhưng dù sao bảng dữ liệu. 54 00:02:42,550 --> 00:02:44,694