Bảng HTML - 3
Mới hãy đưa vào thực tế những gì chúng ta đã thảo luận. Hãy thêm một bảng rộng 500 pixel vào tệp Template5.html của bạn. Chúng tôi muốn bảng có ba hàng, 1 hộp bên trong mỗi hàng, đường viền rộng 1 pixel và nội dung bên trong các ô được căn giữa. Sau khi bạn đã tạo bảng, hãy di chuyển "Hello World" bên trong ô trên cùng (hàng 1 - ô 1). Sau đó di chuyển các thẻ phông chữ và "Enter Here" vào ô ở hàng thứ hai (hàng 2 - ô 1). Cuối cùng để lại hàng 3 - ô 1 trống. Mở tệp Template5.html vào trình soạn thảo văn bản của bạn, thêm mã sau đây và lưu tệp mới dưới dạng Template6.html.

Bảng - mã nguồn





Chào thế giới

Đi vào
Đây


Ghi chú--Mũi tên chỉ ra rằng mã được gói thành một dòng thứ hai và thực sự nên nằm trên một dòng.

Template6.html - mã nguồn


Chào thế giới









Chào thế giới

Đi vào
Đây




Ghi chú--Mũi tên chỉ ra rằng mã được gói thành một dòng thứ hai và thực sự nên nằm trên một dòng.

Bây giờ hãy mở Template6.html trong trình duyệt web của bạn và xem bảng mới của bạn. Bạn có thể muốn đánh dấu hướng dẫn này. Chúng tôi sẽ tạo nhiều bảng trong một số bài viết tiếp theo. Bạn có thể tiếp tục thử nghiệm với bảng bằng cách thêm, xóa và thay đổi các cặp thuộc tính / giá trị cho mỗi thẻ. Khi bạn hoàn thành, đặt mã trong Template6.html trở lại mã ở trên và lưu lại mã.

← Quay lại

|



Video HướNg DẫN: Học lập trình Web A-Z - HTML - Bài 3 - Cách tạo bảng. Cách chèn video và âm thanh (Có Thể 2024).