码迷,mamicode.com
首页 > Web开发 > 详细

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

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

标签:分享图片   table   style   技术   head   内容   tle   计算   inf   

表格由 <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开发系列教程-表格

标签:分享图片   table   style   技术   head   内容   tle   计算   inf   

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

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