Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Cách thiết lập chiều rộng và chiều cao ô bảng trong HTML?

Để thiết lập chiều rộng và chiều cao cho ô bảng, hãy sử dụng CSS. Thuộc tính height và width của thẻ <td> không được hỗ trợ trong HTML5. Thay vào đó, hãy dùng thuộc tính CSS width và height để thiết lập kích thước ô.

Lưu ý quan trọng: Việc sử dụng thuộc tính style sẽ ghi đè bất kỳ kiểu nào được thiết lập toàn cục (trong thẻ <style> hoặc file CSS bên ngoài).

Cách thiết lập chiều rộng và chiều cao ô bảng trong HTML?

Ví dụ

Chạy mã sau để thiết lập chiều cao và chiều rộng cho ô bảng trong HTML. Chúng ta cũng sử dụng thẻ <style> và thuộc tính style để định dạng bảng:

<!DOCTYPE html> <html>    <head>       <style>          table, th, td {             border: 1px solid black;          }       </style>    </head>        <body>       <h1>Tutorial</h1>       <table>          <tr>             <th>Language</th>             <th>Lessons</th>          </tr>          <tr>             <td style="height:100px;width:100px">Java</td>             <td style="height:100px;width:100px">50</td>          </tr>          <tr>             <td>Ruby</td>             <td>40</td>          </tr>       </table>    </body> </html>