Exemple 1 : Plan d'apprentissage
Le code est le suivant
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网 实例一</title> <style type="text/css"> table{ width:600px; border:1px solid #ccc; text-align:center; margin:0 auto; margin-top:30px; } th{ border:1px solid #999; background-color:#f60 } td{ border:1px solid #999; background-color:#f66 } </style> </head> <body> <table> <tr> <th>星期</th> <th>星期一</th> <th>星期二</th> <th>星期三</th> <th>星期四</th> <th>星期五</th> <th>星期六</th> <th>星期日</th> </tr> <tr> <td rowspan="3">上午</td> <td>语文</td> <td>数学</td> <td>英语</td> <td>数学</td> <td>生物</td> <td>化学</td> <td>历史</td> </tr> <tr> <td>政治</td> <td>美术</td> <td>语文</td> <td>数学</td> <td>化学</td> <td>语文</td> <td>生物</td> </tr> <tr> <td>历史</td> <td>语文</td> <td>数学</td> <td>语文</td> <td>历史</td> <td>生物</td> <td>语文</td> </tr> <tr> <td rowspan="3">下午</td> <td>语文</td> <td>数学</td> <td>历史</td> <td>语文</td> <td>化学</td> <td>生物</td> <td>语文</td> </tr> <tr> <td>历史</td> <td>化学</td> <td>生物</td> <td>政治</td> <td>物理</td> <td>地理</td> <td>体育</td> </tr> <tr> <td>历史</td> <td>物理</td> <td>化学</td> <td>体育</td> <td>地理</td> <td>物理</td> <td>化学</td> </tr> </table> </body> </html>
Ici on utilise une cellule fusionnée,
rowspan pour fusionner des cellules verticales, vous Pour fusionner plusieurs cellules , vous devez supprimer les cellules suivantes td et en soustraire une, car la cellule elle-même ne peut pas être supprimée. Par exemple, si je souhaite fusionner 3 cellules, écrivez rowspan dans la première cellule ="3" Supprimez ensuite les deux cellules suivantes <. 🎜>
colspan fusionne les cellules horizontales, ce qui est similaire à la fusion de cellules verticales