那些酷炫的网页你也可以做到——第五篇(表格标签)-阿里云开发者社区

开发者社区> 静Yu> 正文

那些酷炫的网页你也可以做到——第五篇(表格标签)

简介: 那些酷炫的网页你也可以做到——第五篇(表格标签)
+关注继续查看

表格标签

<table> :封装表格的范围
    <caption>标题标签</caption>
    <tr>    :行标签。写在table标签内部,有几行写几个<tr></tr>    <td>文本内容</td>   :单元格标签。写在tr标签内部
    <th>文本内容</th>   :单元格标签。写在tr标签内部
    </tr>
</table>
属性:
    border  :表格的边框,表示最外边框的宽度
    width   :表格的宽度
    height  :表格的高度
    ceillpadding    :单元格内文字距离表格线的长度,单位像素px
<tr>  :表格的行
  align :单元中文字的对齐方式。值有:left、center、right
  <td>  :单元格           <th>  :单元格
th和td的区别:
  th封装的文本内容默认是 加粗和居中的。
    一般作为表格的表头。
        td重要的属性:合并单元格。


重要的一点:合并单元格

表格单元格合并分为:
    rowspan:行合并。合并几个单元格就是数字几。
    colspan:列合并。合并几个单元格就是数字几。
实例1:
<table border="1" cellpadding="10">
    <tr>
    <th>序号</th>
    <th>姓名</th>
    <th>分数</th>
    </tr>
    
    <tr>
    <td>1</td>
    <td>张三</td>
    <td>95</td>
    </tr>
    
    <tr>
    <td>2</td>
    <td>李四</td>
    <td>89</td>
    </tr>
</table>
实例2:
<h4>商品信息</h4>
    <table border="1" cellpadding="10">
    <tr>
     <td rowspan="2">电器商城</td>
                                   <td>商品信息:冰箱</td>
<td>商品价格:500元</td>
    </tr>
                               
    <tr>
          <td>商品信息:洗衣机</td>
          <td>商品价格:600元</td>
    </tr>
    </table>

image.png

image.png

看完这篇文章之后有何感想呢,是不是以前自己觉得很厉害的网页,现在自己做都是简简单单,哈哈哈,那就对了,跟着继续学习,以后还有跟好玩的,加油继续学习不断完善自己的网页。



版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
阿里云服务器怎么设置密码?怎么停机?怎么重启服务器?
如果在创建实例时没有设置密码,或者密码丢失,您可以在控制台上重新设置实例的登录密码。本文仅描述如何在 ECS 管理控制台上修改实例登录密码。
9677 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,大概有三种登录方式:
2942 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,阿里云优惠总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系.
13392 0
JavaScript 获取整个网页的完整内容,包括 html 标签。
JavaScript 获取整个网页的完整内容,包括 html 标签。
61 0
阿里云ECS云服务器初始化设置教程方法
阿里云ECS云服务器初始化是指将云服务器系统恢复到最初状态的过程,阿里云的服务器初始化是通过更换系统盘来实现的,是免费的,阿里云百科网分享服务器初始化教程: 服务器初始化教程方法 本文的服务器初始化是指将ECS云服务器系统恢复到最初状态,服务器中的数据也会被清空,所以初始化之前一定要先备份好。
11670 0
如何用<dl>标签做表格而不用table标签
  我们都知道很多的内容编辑器(TinyMCE编辑器、fck)都有插入表格功能,快速方便,但是这些表格用到的标签,可以查看html源代码就能发现,table标签对搜索引擎不是很友好,table太多话可能无法被SE收录,有没办法用其他方法来实现绘制表格呢?比如用标签?    标签是定义列表(defi...
930 0
如何在网页中制作虚线表格
在制作网页的时候,常常要遇到制作虚线表格的问题,下面的文章就能解决这个问题。 方法一:作一个1X2的图。 半黑半白,再利用表格作成线。这种方法虽然麻烦,但在任何浏览器中均可浏览,兼容性最好。 方法二:在css里面设定。
759 0
阿里云ECS云服务器初始化设置教程方法
阿里云ECS云服务器初始化是指将云服务器系统恢复到最初状态的过程,阿里云的服务器初始化是通过更换系统盘来实现的,是免费的,阿里云百科网分享服务器初始化教程: 服务器初始化教程方法 本文的服务器初始化是指将ECS云服务器系统恢复到最初状态,服务器中的数据也会被清空,所以初始化之前一定要先备份好。
7078 0
+关注
91
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载