search

Thuộc tính chiều rộng trong bảng html

Ngày đăng: 07/12/2022
Trả lời: 0
Lượt xem: 11
element so that it sorts the table cells in order of increasing value, and updates the display to suit.

HTML

<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
0

JavaScript

<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
0

Kết quả

Sắp xếp các hàng bằng một cú nhấp chuột vào phần tử thứ

Ví dụ sau thêm một trình xử lý sự kiện vào mọi phần tử 

<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
36 của mọi 
<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
0 trong 
<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
38;

Ghi chú. Giải pháp này giả định rằng các phần tử 

<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
08 được điền bằng văn bản thô không có phần tử con cháu

HTML

<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
3

JavaScript

<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
4

Kết quả

Hiển thị các bảng lớn trong không gian nhỏ

Một vấn đề phổ biến với các bảng trên web là chúng không hoạt động tốt trên màn hình nhỏ khi lượng nội dung lớn và cách để làm cho chúng có thể cuộn được không rõ ràng, đặc biệt khi đánh dấu có thể đến từ CDN

Ví dụ này cung cấp một cách để hiển thị các bảng trong không gian nhỏ. Chúng tôi đã ẩn nội dung HTML vì nó rất lớn và không có gì đáng chú ý về nó. CSS hữu ích hơn để kiểm tra trong ví dụ này

<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
3

Khi nhìn vào các kiểu này, bạn sẽ nhận thấy rằng thuộc tính 

<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
52 của bảng đã được đặt thành 
<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
53. Trong khi điều này cho phép cuộn, bảng sẽ mất đi một số tính toàn vẹn của nó và các ô của bảng cố gắng trở nên nhỏ nhất có thể. Để giảm thiểu vấn đề này, chúng tôi đã đặt 
<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
54 thành 
<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
55 trên 
<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
4. Tuy nhiên, chúng tôi không làm điều này cho 
<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
3 để tránh các tiêu đề dài buộc các cột phải rộng hơn mức cần thiết để hiển thị dữ liệu

Để giữ các tiêu đề bảng trên trang trong khi cuộn xuống, chúng tôi đã đặt 

<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
58 thành cố định trên các phần tử 
<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
36. Lưu ý rằng chúng tôi chưa đặt 
<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
05 thành 
<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
91, vì nếu chúng tôi làm như vậy thì không thể tách chính xác tiêu đề khỏi phần còn lại của bảng

<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
5

Kết quả

Mối quan tâm về khả năng tiếp cận

chú thích

Bằng cách cung cấp phần tử 

<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
1 có giá trị mô tả rõ ràng và chính xác mục đích của bảng, nó giúp mọi người quyết định xem họ có cần đọc phần còn lại của nội dung bảng hay bỏ qua phần đó

Điều này giúp mọi người điều hướng với sự trợ giúp của công nghệ hỗ trợ như trình đọc màn hình, những người có tình trạng thị lực kém và những người có vấn đề về nhận thức

  • MDN Adding a caption to your table with

Phần tử HTML 

<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
0 biểu thị dữ liệu dạng bảng — nghĩa là thông tin được trình bày trong bảng hai chiều bao gồm các hàng và cột của các ô chứa dữ liệu

Show

Thử nó

Danh mục nội dung Nội dung luồng Nội dung được phép Theo thứ tự này

  1. một phần tử 
    <p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
    1 tùy chọn,
  2. không hoặc nhiều phần tử 
    <p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
    2,
  3. một phần tử 
    <p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
    3 tùy chọn,
  4. một trong những điều sau đây
    • không hoặc nhiều phần tử 
      <p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
      4
    • một hoặc nhiều phần tử 
      <p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
      5
  5. một phần tử 
    <p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
    6 tùy chọn
Bỏ sót thẻKhông có, cả thẻ bắt đầu và thẻ kết thúc đều bắt buộc. Cha mẹ được phép Bất kỳ phần tử nào chấp nhận nội dung luồng Vai trò ARIA ngầm định
<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
7Các vai trò ARIA được phép Bất kỳ giao diện DOM nào
<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
8

Thuộc tính

Phần tử này bao gồm các thuộc tính toàn cục

Thuộc tính không dùng nữa

<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
9 Không dùng nữa

Thuộc tính liệt kê này chỉ ra cách bảng phải được căn chỉnh bên trong tài liệu chứa. Nó có thể có các giá trị sau

  • <p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
    00. bảng được hiển thị ở phía bên trái của tài liệu;
  • <p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
    01. bảng được hiển thị ở trung tâm của tài liệu;
  • <p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
    02. bảng được hiển thị ở phía bên phải của tài liệu

Đặt 

<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
03 và 
<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
04 thành 
<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
05 hoặc 
<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
06 thành 
<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
07 để đạt được hiệu ứng tương tự như thuộc tính căn chỉnh

<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
08 Không dùng nữa

Màu nền của bảng. Đó là mã RGB gồm 6 chữ số, có tiền tố là '

<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
09'. Một trong những từ khóa màu được xác định trước cũng có thể được sử dụng

Để đạt được hiệu quả tương tự, hãy sử dụng thuộc tính CSS 

<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
00

<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
01 Không dùng nữa

Thuộc tính số nguyên này xác định, tính bằng pixel, kích thước của khung bao quanh bảng. Nếu được đặt thành 0, thuộc tính 

<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
02 được đặt thành void

Để đạt được hiệu ứng tương tự, hãy sử dụng thuộc tính tốc ký CSS 

<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
01

<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
04 Không dùng nữa

Thuộc tính này xác định khoảng cách giữa nội dung của một ô và đường viền của nó, được hiển thị hay không. Nếu độ dài của phần đệm ô được xác định bằng pixel, không gian có kích thước pixel này sẽ được áp dụng cho cả bốn cạnh của nội dung ô. Nếu độ dài được xác định bằng giá trị phần trăm, thì nội dung sẽ được căn giữa và tổng không gian theo chiều dọc (trên cùng và dưới cùng) sẽ biểu thị giá trị này. Điều này cũng đúng với tổng không gian ngang (trái và phải)

Để đạt được hiệu quả tương tự, hãy áp dụng thuộc tính 

<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
05 cho phần tử 
<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
0, với giá trị được đặt thành thu gọn và thuộc tính 
<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
07 cho phần tử 
<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
08

<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
09 Không dùng nữa

Thuộc tính này xác định kích thước của khoảng cách giữa hai ô theo giá trị phần trăm hoặc pixel. Thuộc tính được áp dụng theo cả chiều ngang và chiều dọc, cho khoảng cách giữa đầu bảng và các ô của hàng đầu tiên, bên trái của bảng và cột đầu tiên, bên phải của bảng và cột cuối cùng và cuối cùng của bảng.

Để đạt được hiệu ứng tương tự, hãy áp dụng thuộc tính 

<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
00 cho phần tử 
<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
0. 
<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
00 không có bất kỳ ảnh hưởng nào nếu 
<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
05 được đặt thành thu gọn

<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
02 Không dùng nữa

Thuộc tính liệt kê này xác định phía nào của khung bao quanh bảng phải được hiển thị

Để đạt được hiệu quả tương tự, hãy sử dụng các thuộc tính 

<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
05 và 
<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
06

<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
07 Không dùng nữa

Thuộc tính liệt kê này xác định quy tắc ở đâu, tôi. e. dòng, sẽ xuất hiện trong một bảng. Nó có thể có các giá trị sau

  • <p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
    08, cho biết rằng sẽ không có quy tắc nào được hiển thị; 
  • <p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
    09, điều này sẽ khiến các quy tắc được hiển thị giữa các nhóm hàng (được xác định bởi các phần tử 
    <p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
    3, 
    <p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
    4 và 
    <p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
    6) và giữa các nhóm cột (chỉ được xác định bởi các phần tử 
    <p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
    33 và 
    <p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
    2);
  • <p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
    35, điều này sẽ khiến các quy tắc được hiển thị giữa các hàng;
  • <p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
    36, điều này sẽ khiến các quy tắc được hiển thị giữa các cột;
  • <p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
    37, điều này sẽ khiến các quy tắc được hiển thị giữa các hàng và cột

Để đạt được hiệu ứng tương tự, hãy áp dụng thuộc tính 

<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
01 cho các phần tử 
<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
3, 
<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
4, 
<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
6, 
<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
33 hoặc 
<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
2 thích hợp

<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
44 Không dùng nữa

Thuộc tính này xác định một văn bản thay thế tóm tắt nội dung của bảng. Sử dụng phần tử 

<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
1 thay thế

<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
46 Không dùng nữa

Thuộc tính này xác định chiều rộng của bảng. Thay vào đó, hãy sử dụng thuộc tính CSS 

<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
46

ví dụ

bảng đơn giản

<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
8

Các ví dụ đơn giản khác

<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>


<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
0

sắp xếp bảng

Sắp xếp các hàng của bảng

Không có phương thức gốc nào để sắp xếp các hàng (

<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
5 phần tử) của bảng HTML. Nhưng bằng cách sử dụng 
<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
49, 
<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
30, 
<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
31 và 
<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
32, bạn có thể triển khai hàm 
<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
33 của riêng mình để sắp xếp một 
<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
34 trong số các phần tử của 
<p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
5

In the below example, you can see such an example. We are attaching it to the

  • Chú thích và Tóm tắt • Bảng • Hướng dẫn truy cập web W3C WAI

    • Phạm vi hàng và cột

    Thuộc tính 

    <p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
    93 trên các phần tử tiêu đề là dư thừa trong các ngữ cảnh đơn giản, vì phạm vi được suy ra. Tuy nhiên, một số công nghệ hỗ trợ có thể không đưa ra kết luận chính xác, do đó, việc chỉ định phạm vi tiêu đề có thể cải thiện trải nghiệm người dùng. Trong các bảng phức tạp, phạm vi có thể được chỉ định để cung cấp thông tin cần thiết về các ô liên quan đến tiêu đề

    Thí dụ

    <p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
    9

    Cung cấp khai báo 

    <p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
    94 trên phần tử 
    <p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
    36 sẽ giúp mô tả rằng ô nằm ở đầu cột. Cung cấp khai báo 
    <p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
    96 trên phần tử 
    <p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
    36 sẽ giúp mô tả rằng ô này là ô đầu tiên trong một hàng

    • Bảng MDN dành cho người dùng khiếm thị
    • Bảng có hai tiêu đề • Bảng • W3C WAI Web Accessibility Tutorials
    • Bảng có tiêu đề không đều • Bảng • W3C WAI Web Accessibility Tutorials
    • H63. Sử dụng thuộc tính phạm vi để liên kết ô tiêu đề và ô dữ liệu trong bảng dữ liệu. Kỹ thuật W3C cho WCAG 2. 0

    bảng phức tạp

    Công nghệ hỗ trợ chẳng hạn như trình đọc màn hình có thể gặp khó khăn khi phân tích bảng phức tạp đến mức các ô tiêu đề không thể được liên kết theo cách ngang hoặc dọc nghiêm ngặt. Điều này thường được biểu thị bằng sự hiện diện của các thuộc tính 

    <p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
    98 và 
    <p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
    99

    Tốt nhất, hãy xem xét các cách thay thế để trình bày nội dung của bảng, bao gồm chia nhỏ nó thành một tập hợp các bảng nhỏ hơn, có liên quan mà không phải dựa vào việc sử dụng các thuộc tính 

    <p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
    98 và 
    <p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
    99. Ngoài việc giúp những người sử dụng công nghệ hỗ trợ hiểu nội dung của bảng, điều này cũng có thể có lợi cho những người có mối quan tâm về nhận thức, những người có thể gặp khó khăn trong việc hiểu các mối liên hệ mà cách bố trí bảng đang mô tả

    Nếu không thể chia nhỏ bảng, hãy sử dụng kết hợp các thuộc tính 

    <p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
    02 và 
    <p>Simple table with headerp>
<table>
  <tr>
    <th>First nameth>
    <th>Last nameth>
  tr>
  <tr>
    <td>Johntd>
    <td>Doetd>
  tr>
  <tr>
    <td>Janetd>
    <td>Doetd>
  tr>
table>

<p>Table with thead, tfoot, and tbodyp>
<table>
  <thead>
    <tr>
      <th>Header content 1th>
      <th>Header content 2th>
    tr>
  thead>
  <tbody>
    <tr>
      <td>Body content 1td>
      <td>Body content 2td>
    tr>
  tbody>
  <tfoot>
    <tr>
      <td>Footer content 1td>
      <td>Footer content 2td>
    tr>
  tfoot>
table>

<p>Table with colgroupp>
<table>
  <colgroup span="4">colgroup>
  <tr>
    <th>Countriesth>
    <th>Capitalsth>
    <th>Populationth>
    <th>Languageth>
  tr>
  <tr>
    <td>USAtd>
    <td>Washington, D.C.td>
    <td>309 milliontd>
    <td>Englishtd>
  tr>
  <tr>
    <td>Swedentd>
    <td>Stockholmtd>
    <td>9 milliontd>
    <td>Swedishtd>
  tr>
table>

<p>Table with colgroup and colp>
<table>
  <colgroup>
    <col style="background-color: #0f0" />
    <col span="2" />
  colgroup>
  <tr>
    <th>Limeth>
    <th>Lemonth>
    <th>Orangeth>
  tr>
  <tr>
    <td>Greentd>
    <td>Yellowtd>
    <td>Orangetd>
  tr>
table>

<p>Simple table with captionp>
<table>
  <caption>
    Awesome caption
  caption>
  <tr>
    <td>Awesome datatd>
  tr>
table>
    03 để liên kết theo chương trình từng ô của bảng với (các) tiêu đề mà ô được liên kết với

    Thuộc tính chiều rộng trong HTML là gì?

    Thuộc tính chiều rộng chỉ định chiều rộng của phần tử, tính bằng pixel . Ghi chú. Đối với các phần tử đầu vào, thuộc tính chiều rộng chỉ được sử dụng với

    Chiều rộng cột trong HTML là gì?

    Thuộc tính độ rộng cột chỉ định độ rộng của cột . Số cột sẽ là số cột tối thiểu cần thiết để hiển thị tất cả nội dung trên phần tử. chiều rộng cột là thuộc tính linh hoạt. Hãy coi chiều rộng của cột như một đề xuất về chiều rộng tối thiểu cho trình duyệt.

    programming html

    Bài Viết Liên Quan

    Hệ số lương 1.78 tương ứng ngạch nào năm 1996 năm 2024
    Hệ số lương 1.78 tương ứng ngạch nào năm 1996 năm 2024

    mẹo hay
    Bánh rau câu sinh nhật chứa bao nhiêu calo năm 2024
    Bánh rau câu sinh nhật chứa bao nhiêu calo năm 2024

    bao nhieu Hỏi Đáp Bao nhiêu Món Ngon Bánh
    Họ tiếng nhật của bạn là gì năm 2024
    Họ tiếng nhật của bạn là gì năm 2024

    là ai Hỏi Đáp Là gì
    Ý nghĩa của header from top là gì năm 2024
    Ý nghĩa của header from top là gì năm 2024

    mẹo hay Hỏi Đáp Là gì Top List Top Header la gì Footer la gì
    Tự học tiếng anh như thế nào hiệu quả năm 2024
    Tự học tiếng anh như thế nào hiệu quả năm 2024

    mẹo hay Hỏi Đáp Thế nào Học Tốt Học Tiếng anh Học tiếng Anh
    Cơ thể con người năm hiến máu bao nhiêu lần năm 2024
    Cơ thể con người năm hiến máu bao nhiêu lần năm 2024

    bao nhieu Hỏi Đáp Bao nhiêu Khỏe Đẹp Cơ thể
    Tuổi đinh mão xây nhà năm nào tốt năm 2024
    Tuổi đinh mão xây nhà năm nào tốt năm 2024

    mẹo hay Xây Đựng Xây Nhà
    Khoán chi đến sản phẩm cuối cùng là gì năm 2024
    Khoán chi đến sản phẩm cuối cùng là gì năm 2024

    là ai Hỏi Đáp Là gì
    Các yếu tố cấu thành văn hóa tổ chức năm 2024
    Các yếu tố cấu thành văn hóa tổ chức năm 2024

    mẹo hay
    Thế nào là số vô tỉ cho ví dụ năm 2024
    Thế nào là số vô tỉ cho ví dụ năm 2024

    mẹo hay Hỏi Đáp Thế nào Ví dụ
    Quà trung thu tiếng anh là gì năm 2024
    Quà trung thu tiếng anh là gì năm 2024

    là ai Hỏi Đáp Là gì Học Tốt Tiếng anh Mid-Autumn gift
    Đẻ mổ tối đa được bao nhiêu lần năm 2024
    Đẻ mổ tối đa được bao nhiêu lần năm 2024

    bao nhieu Hỏi Đáp Bao nhiêu
    Thiết kế quán trà sữa bao nhiêu tiền năm 2024
    Thiết kế quán trà sữa bao nhiêu tiền năm 2024

    bao nhieu Hỏi Đáp Bao nhiêu Món Ngon Trà sữa
    Top nước hoa hồng se khít lỗ chân lông năm 2024
    Top nước hoa hồng se khít lỗ chân lông năm 2024

    mẹo hay Top List Top
    Lỗi nồi chiên không dầu philips tiếng kêu rất to năm 2024
    Lỗi nồi chiên không dầu philips tiếng kêu rất to năm 2024

    mẹo hay
    Daylight is coming like a rentless milkman upstairs là gì năm 2024
    Daylight is coming like a rentless milkman upstairs là gì năm 2024

    là ai Hỏi Đáp Là gì
    Đặt cọc mua đất bao nhiêu phần trăm năm 2024
    Đặt cọc mua đất bao nhiêu phần trăm năm 2024

    bao nhieu Hỏi Đáp Bao nhiêu
    Vở bài tập toán lớp 5 trang 51 52 năm 2024
    Vở bài tập toán lớp 5 trang 51 52 năm 2024

    mẹo hay Khỏe Đẹp Bài tập
    Ngôn ngữ chính của singapore là gì năm 2024
    Ngôn ngữ chính của singapore là gì năm 2024

    là ai Hỏi Đáp Là gì
    Văn mẫu lớp 8 bài viết số 1 đề 2 năm 2024
    Văn mẫu lớp 8 bài viết số 1 đề 2 năm 2024

    mẹo hay Soạn văn 8

    Quảng Cáo

    Có thể bạn quan tâm

    Miracle in cell number 7 review năm 2024
    1 tháng trước . bởi UndeniableFiring
    Mục tiêu bài học chi tiết đánh giá được năm 2024
    1 tháng trước . bởi ThunderousFlask
    Asias next top model 5 tap 6 năm 2024
    1 tháng trước . bởi HorribleBattling
    Cầu gỗ lim huế bao nhiêu tiền năm 2024
    1 tháng trước . bởi YieldingSwimmer
    Cân bằng sinh học là gì cho ví dụ năm 2024
    1 tháng trước . bởi UmbilicalProceeding
    Tổng hợp kiến thức toán ôn thi đại học năm 2024
    1 tháng trước . bởi ImpossibleEquation
    Đề kiểm tra toán lớp 3 tuần 3 năm 2024
    1 tháng trước . bởi FundamentalistTemplate
    Cây dù che nắng giá bao nhiêu năm 2024
    1 tháng trước . bởi TraditionalPhrasing
    Quy trình ứng dụng cntt trong kiểm tra đánh giá năm 2024
    1 tháng trước . bởi AdrenalProjection
    Bài 94 trang 46 sách giáo khoa toán lớp 6 năm 2024
    1 tháng trước . bởi SurplusInactivity

    Toplist được quan tâm

    #1
    Top 7 sự tích hồ gươm - ngữ văn lớp 6 2023
    5 tháng trước
    #2
    Top 7 gdcd 6 bài 1 kết nối tri thức 2023
    5 tháng trước
    #3
    Top 7 ý nghĩa của xây dựng gia đình văn hóa 2023
    5 tháng trước
    #4
    Top 6 mẫu hợp đồng mượn đất làm nhà xưởng 2023
    5 tháng trước
    #5
    Top 3 tổng tài biến thái tôi yêu anh tập 27 2023
    5 tháng trước
    #6
    Top 6 kết thực phim mỹ nhân vô lệ 2023
    5 tháng trước
    #7
    Top 9 trong những câu thơ sau câu nào sử dụng thành ngữ 2023
    5 tháng trước
    #8
    Top 8 đề tài và chủ de của tác phẩm tắt đèn 2023
    5 tháng trước
    #9
    Top 5 tiểu sử của thầy thích pháp hòa 2023
    5 tháng trước

    Quảng cáo

    Xem Nhiều

    Hệ số lương 1.78 tương ứng ngạch nào năm 1996 năm 2024
    1 ngày trước
    Thế nào là số vô tỉ cho ví dụ năm 2024
    1 tuần trước
    Đẻ mổ tối đa được bao nhiêu lần năm 2024
    1 tuần trước
    Bánh rau câu sinh nhật chứa bao nhiêu calo năm 2024
    3 ngày trước
    Tự học tiếng anh như thế nào hiệu quả năm 2024
    4 ngày trước
    Thiết kế quán trà sữa bao nhiêu tiền năm 2024
    1 tuần trước
    Tuổi đinh mão xây nhà năm nào tốt năm 2024
    6 ngày trước
    Khoán chi đến sản phẩm cuối cùng là gì năm 2024
    6 ngày trước
    Họ tiếng nhật của bạn là gì năm 2024
    3 ngày trước
    Các yếu tố cấu thành văn hóa tổ chức năm 2024
    1 tuần trước

    Quảng cáo

    Chúng tôi

    Điều khoản

    Trợ giúp

    Mạng xã hội

    DMCA.com Protection Status
    Bản quyền © 2021 Học Tốt Inc.