zoukankan      html  css  js  c++  java
  • HTML-table

    表格

    创建表格的四个元素:table、tr、th、td

    1、<table>…</table>:整个表格以<table>标记开始、</table>标记结束。

    2、<tr>…</tr>:表格的一行,所以有几对tr 表格就有几行。

    3、<td>…</td>:表格的一个单元格,一行中包含几对<td>...</td>,说明一行中就有几列。

    4、<th>…</th>:表格的头部的一个单元格,表格表头。

    5、表格中列的个数,取决于一行中数据单元格的个数。

    6、border属性可以为表格添加边框,属性值为数字。

    注意:

    1、table标签用来定义整个表格,为双标签,必须有结束标签。

    2、table标签里面可以放caption标签和tr标签。

    3、caption标签用来定义表格的标题。

    4、tr标签用来设置表格的行,tr里面只能放th或者td标签,一组tr标签代表一行。

    5、th用来设置表格的标题,会加粗居中显示。也就是th标签中的文本默认为粗体并且居中显示。

    6、td同来设置表格的列,一组td标签代表一列。

    7、table表格在没有添加border属性之前, 在浏览器中显示是没有表格线的。

    <!DOCTYPE html>
    <html>
    
    <head>
        <meta charset="UTF-8">
        <title>学习表格标签</title>
    </head>
    
    <body>
        <table border=1>
            <caption>前端三剑客</caption>
            <tr>
                <th>知识点</th>
                <th>重要程度</th>
                <th>难度</th>
                <th>学习周期</th>
            </tr>
            <tr>
                <td>html</td>
                <td>5xing</td>
                <td>3xing</td>
                <td>7day</td>
            </tr>
            <tr>
                <td>css</td>
                <td>5ss</td>
                <td>6ss</td>
                <td>10day</td>
            </tr>
        </table>
    </body>
    

     

  • 相关阅读:
    推送注意事项
    如何实现推送
    SVPRogressHUD问题小总结
    Flurry统计库包含出错处理
    python报"TypeError: object of type 'Greenlet' has no len()"
    python运行不报错又无任何结果输出
    python报"IndentationError: unexpected indent"
    windows环境将系统U盘还原
    windows2007环境Python3.5下paramiko模块的安装
    Python基础九--hashlib、hmac模块
  • 原文地址:https://www.cnblogs.com/jkklearn/p/13286368.html
Copyright © 2011-2022 走看看