码迷,mamicode.com
首页 > 编程语言 > 详细

python学习之HTML-table标签

时间:2018-10-19 21:59:56      阅读:430      评论:0      收藏:0      [点我收藏+]

标签:cap   判断   年龄   image   分享图片   图片   pytho   middle   ali   

表格(table):类似于Excel格式

table:表格标签,所有的表格的对象都要放在该标签中。

tr:表示表格中的一行

td:表示一行中的一个单元格

th:表头标签,与td相似。内容样式上进行加粗,用于设置表头

caption:表格标题。通常用于描述表的作用

<table width="500px" height="300px" border="1" bordercolor="red" align="center" bgcolor="green" cellspacing="0" cellpadding="10">
            <caption>学生信息统计表</caption>
            <tr>
                <th>姓名</th>
                <th>性别</th>
                <th>年龄</th>
            </tr>
            <tr bgcolor="blue" align="center" valign="bottom">
                <td>1</td>
                <td>2</td>
                <td>3</td>
            </tr>
            <tr>
                <td>4</td>
                <td>5</td>
                <td>6</td>
            </tr>
            <tr>
                <td>7</td>
                <td>8</td>
                <td>9</td>
            </tr>
        </table>
技术分享图片

 

 

 table标签的属性:

      border:边框尺寸

      bordercolor:边框颜色

      width;heigth:宽度、高度

      align:水平对齐方式(left默认、center、right)

      bgcolor:背景色

      cellspacing:是表格里单元格之间的距离;
      cellpadding:是表格里单元格内的空白部分;

tr标签属性:

    align:水平对齐方式(left默认、center、right)

    bgcolor:背景色

    valign:垂直对齐方式(top、middle默认、bottom)

td标签属性:

    rowspan:行 合并

    colspan:列合并

    注意判断好合并的方式,在合并时要删除相应的td标签。

  例如:技术分享图片

技术分享图片

 

python学习之HTML-table标签

标签:cap   判断   年龄   image   分享图片   图片   pytho   middle   ali   

原文地址:https://www.cnblogs.com/jiangtao159/p/9818800.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!