Cách Vẽ Bảng Trong HTML

Mục lục:

Cách Vẽ Bảng Trong HTML
Cách Vẽ Bảng Trong HTML

Video: Cách Vẽ Bảng Trong HTML

Video: Cách Vẽ Bảng Trong HTML
Video: Bài 15 Table trong html, bảng trong html học html cơ bản 2024, Tháng mười một
Anonim

HTML là một ngôn ngữ đánh dấu trang có thể được sử dụng để lưu trữ các trang web trên Internet. Để định dạng tài liệu trong trường hợp này, các thẻ được sử dụng - các phần tử mô tả.

Cách vẽ bảng trong HTML
Cách vẽ bảng trong HTML

Cần thiết

  • - máy vi tính;
  • - chương trình "Notepad";
  • - Kỹ năng làm việc với HTML.

Hướng dẫn

Bước 1

Mở trang của bạn nơi bạn muốn thêm bảng trong HTML bằng Notepad. Để làm điều này, nhấp chuột phải vào tệp để xuất hiện menu ngữ cảnh, chọn tùy chọn "Mở bằng". Chọn một vị trí trong thẻ Body để thêm bảng vào trang web.

Bước 2

Sử dụng thẻ… để đặt bảng trong Html. Đây là thẻ chính mô tả bảng. Tất cả các phần tử của nó phải nằm giữa thẻ mở và thẻ đóng. Theo mặc định, bảng được tạo không có dấu phân cách và đường viền. Thêm đường viền nếu cần bằng thuộc tính Border. Để thực hiện việc này, hãy chèn nó vào bên trong thẻ bảng và thêm một giá trị số cho chiều rộng của đường viền, ví dụ: một hàng vào bảng. Để làm điều này, hãy sử dụng thẻ …, số dòng được xác định bởi số cặp của nó. Thêm mô tả ô bằng thẻ…. Chỉ đặt ô bên trong thẻ hàng, thêm vào đó số thứ tự của cột (cột) mà nó được đặt.

Bước 4

Vị trí của văn bản trong ô được xác định bằng cách sử dụng các thuộc tính Aligh (trái, phải, giữa) - xác định vị trí của văn bản theo chiều ngang và Valign (giữa, dưới cùng, trên cùng) - xác định vị trí của dữ liệu trong ô theo chiều dọc. Mô tả này có thể được thêm vào cho cả một ô riêng lẻ và cho toàn bộ hàng.

Bước 5

Sử dụng thuộc tính Colspan để hợp nhất các ô theo chiều ngang và Rowspan theo chiều dọc. Ví dụ về mã bảng: “Tên bảng” “Tên của hàng được hợp nhất” “Tên của cột đầu tiên” “Tên của cột thứ hai” “Hàng thứ hai” “Ô thứ hai của hàng thứ hai” “Ô thứ ba của hàng thứ hai hàng.

Đề xuất: