HTML——table

千娇百媚:创建表格


<table>:定义HTML文档中的表格。如果需要给表格设置边框,则

<table border=”1”>


<tr>

定义表格中的一行

<th>

定义表格中的表头

<td>

定义表格中的一列 。代码如下:

<table border="1">

<tr>

<th>姓名</th>

<th>出生年月</th>

</tr>

<tr>

<td>张三</td>

<td>1991年7月</td>

</tr>

页面显示

<thead>标签定义表格的页头

<tbody>标签定义表格的主体

<tfoot>标签定义表格的页脚

使用三种标签划分table表格,使代码结构更加清晰。代码如下:

<table border="1">
    <thead>
        <tr>
            <th>姓名</th>
               <th>年龄</th>
           </tr>
       </thead>
    <tbody>
        <tr>
            <td>张三</td>
            <td>25</td>
        </tr>
        <tr>
            <td>李四</td>
            <td>23</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td>平均</td>
            <td>24</td>
        </tr>
    </tfoot>
</table>

页面显示

colspan和rowspan分别设置表格的占用标准表格的几行和几列 使用如下:


 
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 32,190评论 18 399
  • HTML基础 本文包括 HTML基本知识与结构 HTML常见标签 标签写法与嵌套的讨论 HTML、CSS、java...
    廖少少阅读 6,387评论 2 21
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 8,675评论 1 41
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,710评论 32 459
  • 俗话说,民以食为天,人活在世上,填饱肚子是头等大事。可千百年来,由于物质匮乏、自然灾害和人类自身能力有限,饥...
    AAAAA蕙质兰心阅读 3,237评论 3 3