首页 > Web开发 > 详细

适合0基础的web开发系列教程-表格

时间:2018-12-28 19:08:43      阅读:171      评论:0      收藏:0      [点我收藏+]

表格由 <table> 标签来定义。

每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。

字母 td 指表格数据(table data),即数据单元格的内容。

数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

表格在业务系统里面非常重要,经常用来展示数据。

例如显示学生信息:

 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <table border="1">
            <tr><td>姓名</td><td>性别</td><td>年龄</td><td>班级</td></tr>
            <tr><td>张三1</td><td></td><td>18</td><td>计算机01班</td></tr>
            <tr><td>张三2</td><td></td><td>17</td><td>计算机01班</td></tr>
            <tr><td>张三3</td><td></td><td>18</td><td>计算机02班</td></tr>
            <tr><td>张三4</td><td></td><td>19</td><td>计算机01班</td></tr>
            <tr><td>张三5</td><td></td><td>18</td><td>计算机02班</td></tr>
            <tr><td>张三6</td><td></td><td>18</td><td>计算机01班</td></tr>
        </table>
    </body>
</html>

 

技术分享图片

 

 

技术分享图片

 

适合0基础的web开发系列教程-表格

原文:https://www.cnblogs.com/yyjcw/p/10192278.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!