zoukankan      html  css  js  c++  java
  • python学习之HTML-table标签

    表格(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标签。

      例如:

  • 相关阅读:
    读书笔记-8《构建之法》
    结对编程收获
    结对编程——四则运算器(UI第十组)
    读书笔记-7《构建之法》
    读书笔记-6《构建之法》
    【现代软件工程】个人总结
    【现代软件工程】6月中旬团队项目心得
    【读书笔记】——《代码大全》(六)
    【现代软件工程】五月团队项目心得
    【读书笔记】——《代码大全》(五)
  • 原文地址:https://www.cnblogs.com/jiangtao159/p/9818800.html
Copyright © 2011-2022 走看看