时间:2023-05-25 15:00:01 | 来源:网站运营
时间:2023-05-25 15:00:01 来源:网站运营
Python web开发(四):表格:https://space.bilibili.com/523606542
<table> <tr> <td>单元格内的文字</td> ... </tr> ...</table>
要深刻体会表格、行、单元格他们的构成。<table width="500" height="300" border="1" cellpadding="20" cellspacing="0" align="center"> <tr> <th>姓名</th> <th>性别</th> <th>年龄</th> </tr> <tr> <td>刘德华</td> <td>男</td> <td>55</td> </tr> <tr> <td>郭富城</td> <td>男</td> <td>52</td> </tr> <tr> <td>张学友</td> <td>男</td> <td>58</td> </tr> <tr> <td>黎明</td> <td>男</td> <td>18</td> </tr> <tr> <td>刘晓庆</td> <td>女</td> <td>63</td> </tr></table>
<table width="500" border="1" align="center" cellspacing="0" cellpadding="0"> <tr> <th>姓名</th> <th>性别</th> <th>电话</th> </tr> <tr> <td>小王</td> <td>女</td> <td>110</td> </tr> <tr> <td>小明</td> <td>男</td> <td>120</td> </tr> </table>
th 也是一个单元格 只不过和普通的 td单元格不一样,它会让自己里面的文字居中且加粗
<table> <caption>我是表格标题</caption></table>
**注意: ****合并的顺序我们按照 先上 后下 先左 后右 的顺序 **跟我们以前学习汉字的书写顺序完全一致。
标签名 | 定义 | 说明 |
---|
对于比较复杂的表格,表格的结构也就相对的复杂了,所以又将表格分割成三个部分:题头、正文和脚注。而这三部分分别用:thead,tbody,tfoot来标注, 这样更好的分清表格结构注意:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <table border="1" cellspacing="0" align="center" width="500"> <thead> <tr> <th>姓名</th> <th>性别</th> <th>年龄</th> </tr> </thead> <tbody> <tr> <td>刘德华</td> <td>男</td> <td>55</td> </tr> <tr> <td>刘若英</td> <td>女</td> <td>35</td> </tr> <tr> <td>刘晓庆</td> <td>女</td> <td>65</td> </tr> <tr> <td>刘三姐</td> <td>女</td> <td>15</td> </tr> </tbody> <tfoot> <tr> <td>信息地址</td> <td colspan="2"> 杭州市金燕龙校区举办演唱会</td> </tr> </tfoot> </table></body></html>
关键词:表格