<tr>
HTML <tr> Balise
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>
Exécuter l'instance»
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
Prise en charge du navigateur
Tous les principaux navigateurs prennent en charge tr> étiqueter.
Définition de la balise et instructions d'utilisation
La balise <tr> définit les lignes d'un tableau HTML.
Un élément <tr> contient un ou plusieurs éléments <th>
Différences entre HTML 4.01 et HTML5
En HTML 5, aucun des attributs de la balise <tr>
Attributs
| Attribut | Valeur | Description | ||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| aligner | droite
| HTML5 n'est pas pris en charge. <🎜>Définissez l'alignement du contenu des lignes du tableau. | ||||||||||||||||||
| bgcolor | rgb(x,x,x)<🎜>#xxxxxx<🎜>nomcouleur | HTML5 n'est pas pris en charge. HTML 4.01 est obsolète. <🎜>Spécifie la couleur d'arrière-plan des lignes du tableau. | ||||||||||||||||||
| char | caractère | HTML5 n'est pas pris en charge. <🎜>Spécifie quel caractère doit être utilisé pour l'alignement du texte. | ||||||||||||||||||
| charoff | numéro | HTML5 n'est pas pris en charge. <🎜>Spécifie le décalage du premier caractère aligné. | ||||||||||||||||||
| valign | haut<🎜>milieu<🎜>bas<🎜>ligne de base | HTML5 n'est pas pris en charge. <🎜>Spécifie l'alignement vertical du contenu dans les lignes du tableau. |
Attributs globaux
La balise <tr> prend en charge les attributs globaux HTML.
Attribut d'événement
La balise <tr> prend en charge l'attribut d'événement HTML.
Essayez-le - Exemple
Titre dans le tableau
Cet exemple montre comment afficher le titre du tableau.
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>
Exécuter l'instance»
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
Cellule vide
Cet exemple montre comment utiliser " " pour gérer des cellules sans contenu.
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>
Exécuter l'instance»
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
Tableau avec titre
Cet exemple montre un tableau avec titre.
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>
Exécuter l'instance»
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
Étiquette dans le tableau
Cet exemple montre comment afficher des éléments dans d'autres éléments.
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>
Exécuter l'instance»
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
Cellules de tableau qui s'étendent sur des lignes ou des colonnes
Cet exemple montre comment définir des cellules de tableau qui s'étendent sur des lignes ou des colonnes.
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>
Exécuter l'instance»
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
Articles connexes
Tutoriel HTML : Tableau HTML
Manuel de référence HTML DOM : Objet Tr
