>> SPEAKER 1: Giả sử bạn có một số bảng dữ liệu mà bạn muốn để bố trí
trong một trang web trong một bảng, với các hàng và cột.
Làm thế nào chúng ta có thể làm điều này?
>> Vâng, trước đây tôi đã nhận được bắt đầu với table.html, với một số
thẻ mở và một số thẻ đóng.
Bên trong cơ thể bây giờ, chúng ta hãy bao gồm các thẻ bảng.
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
thẻ là tốt.
Trong đó, chúng ta hãy xác định một dòng của bảng với một thẻ tr.
Và, cũng đánh phủ đầu, đóng cửa đó.
>> 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
bên trong của các cột, hoặc các tế bào trong đó.
Để làm điều này, hãy sử dụng tag td cho dữ liệu bảng.
Mở khung td khung gần.
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.
Hãy bắt đầu với một, và sau đó đóng bảng thẻ dữ liệu này.
Chúng ta hãy mở một cái mới với 2.
Đóng một điều đó là tốt.
Và sau đó một phần ba.
td 3 td gần.
>> Tôi sẽ đi đâu với điều này?
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ó
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
hàng và ba cột.
Bây giờ hãy cho nó một số hàng bổ sung.
>> 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
một điều đó là tốt.
Trong đó, chúng ta hãy giờ làm td 4, td 5, và td 6.
Dưới dòng đó, chúng ta hãy làm một phần ba.
Mở hàng bảng, gần dòng của bảng.
Trong đó, td 7, td 8, và td 9.
>> 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
pad của điện thoại này.
Mở tr và gần tr.
Và bên trong đó, ngôi sao td, td 0, và td pound.
Bây giờ hãy lưu tập tin này, thay đổi quyền hạn của nó, và
xem nó với một trình duyệt.
>> Chmod a + r table.html.
Bây giờ hãy mở Chrome.
http://localhost/table.html.
Và chúng tôi đã có những gì xuất hiện là một bảng HTML.
Nó không hoàn toàn giống như tôi mong đợi.
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.
>> Chúng ta hãy quay trở lại gedit và di chuyển lên đến thẻ bảng chính nó.
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ố
giá trị cho chiều rộng của một biên giới.
Biên giới bằng quote unquote 1, trong đó 1 biểu thị chiều rộng
biên giới của bảng.
Hãy lưu các tập tin và tải lại trang trong trình duyệt của tôi.
>> Trở lại trong Chrome, tải lại.
Và chúng tôi đã có nó.
Rất xấu xí, nhưng dù sao bảng dữ liệu.