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标签。

      例如:

  • 相关阅读:
    第一课:神经网络与机器学习
    自然语言基础之分词、标注、命名实体识别
    工程能力-语言-框架
    二叉树
    spark入门
    微平台推荐系统介绍(基于java)
    简历项目的梳理和面试准备
    统计学习方法李航学习笔记
    NopCommerce fluent validation使用
    NopCommerce支持多语言
  • 原文地址:https://www.cnblogs.com/jiangtao159/p/9818800.html
Copyright © 2011-2022 走看看