<tr>
HTML <tr> Teg
Instance
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <table border="1"> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>0</td> </tr> <tr> <td>February</td> <td></td> </tr> </table> </body> </html>
Jalankan Instance»
Klik butang "Jalankan Instance" untuk melihat contoh dalam talian
Sokongan penyemak imbas
Semua penyemak imbas utama menyokong tr> tag.
Takrifan teg dan arahan penggunaan
<tr> teg mentakrifkan baris dalam jadual HTML.
A <tr> elemen mengandungi satu atau lebih <th>
Perbezaan antara HTML 4.01 dan HTML5
Dalam HTML 5, tiada satu pun atribut teg <tr> dalam HTML 4.01 disokong.
Atribut
| Atribut | Nilai | Penerangan | ||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| align | kanan
| HTML5 tidak disokong. <🎜>Tentukan penjajaran kandungan baris jadual. | ||||||||||||||||||
| bgcolor | rgb(x,x,x)<🎜>#xxxxxx<🎜>colorname | HTML5 tidak disokong. HTML 4.01 ditamatkan. <🎜>Menentukan warna latar belakang baris jadual. | ||||||||||||||||||
| aksara | aksara | HTML5 tidak disokong. <🎜>Menentukan aksara yang harus digunakan untuk penjajaran teks. | ||||||||||||||||||
| charoff | nombor | HTML5 tidak disokong. <🎜>Menentukan offset aksara dijajar pertama. | ||||||||||||||||||
| valign | atas<🎜>tengah<🎜>bawah<🎜>garis dasar | HTML5 tidak disokong. <🎜>Menentukan penjajaran menegak kandungan dalam baris jadual. |
Atribut global
<tr> teg menyokong atribut global HTML.
Atribut acara
<tr>
Cubalah - Contoh
Tajuk dalam jadual
Contoh ini menunjukkan cara memaparkan tajuk jadual.
Instance
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <h4>表格使用水平标题:</h4> <table border="1"> <tr> <th>Name</th> <th>Telephone</th> </tr> <tr> <td>Bill Gates</td> <td>555 77 854</td> </tr> </table> <h4>表格使用垂直标题:</h4> <table border="1"> <tr> <th>First Name:</th> <td>Bill Gates</td> </tr> <tr> <th>Telephone:</th> <td>555 77 854</td> </tr> </table> </body> </html>
Run Instance»
Klik butang "Run Instance" untuk melihat contoh dalam talian
Sel Kosong
Contoh ini menunjukkan cara menggunakan " " untuk mengendalikan sel tanpa kandungan.
Instance
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <table border="1"> <tr> <td>一些文本</td> <td>一些文本</td> </tr> <tr> <td></td> <td>一些文本</td> </tr> </table> <p>如果在上面的空单元格中没有边框，你可以插入一个空格 ： </p> </body> </html>
Run Instance»
Klik butang "Run Instance" untuk melihat contoh dalam talian
Jadual dengan tajuk
Contoh ini menunjukkan jadual dengan tajuk.
Instance
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <table border="1"> <caption>Monthly savings</caption> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>0</td> </tr> <tr> <td>February</td> <td></td> </tr> </table> </body> </html>
Run Instance»
Klik butang "Run Instance" untuk melihat contoh dalam talian
Label dalam jadual
Contoh ini menunjukkan cara untuk memaparkan elemen dalam elemen lain.
Instance
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <table border="1"> <caption>Monthly savings</caption> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>0</td> </tr> <tr> <td>February</td> <td></td> </tr> </table> </body> </html>
Run Instance»
Klik butang "Run Instance" untuk melihat contoh dalam talian
Sel jadual yang merentangi baris atau lajur
Contoh ini menunjukkan cara untuk menentukan sel jadual yang merentangi baris atau lajur.
Instance
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <h4>单元格跨两格:</h4> <table border="1"> <tr> <th>Name</th> <th colspan="2">Telephone</th> </tr> <tr> <td>Bill Gates</td> <td>555 77 854</td> <td>555 77 855</td> </tr> </table> <h4>单元格跨两列:</h4> <table border="1"> <tr> <th>First Name:</th> <td>Bill Gates</td> </tr> <tr> <th rowspan="2">Telephone:</th> <td>555 77 854</td> </tr> <tr> <td>555 77 855</td> </tr> </table> </body> </html>
Run Instance»
Klik butang "Run Instance" untuk melihat contoh dalam talian
Artikel Berkaitan
Tutorial HTML: Jadual HTML
Manual Rujukan HTML DOM: Tr Object
