html 怎么让tr的css覆盖td的_HTML| 表格制作

HTML

第三弹！

接着上一次的介绍，本期小E将为大家带来HTML技术的第三弹——制作表格，快来和小E一起学习吧！

表格由

标签定义)。字母 td 指表格数据(table data)，即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。 HTML中的表格主要由三个标签组成 ··········表格

··········表格里面的行

··········单元格

在html中表格究竟是如何创建的呢？它的基本语法和结构是什么样子的？

实例

                 .........   ..................                .........   ..................                  

注意：

标签要放在

内，标签要放在内！

有了上面的基础，我们不妨自己创建一个两行三列的表格吧！

我们在记事本或者在编译软件(下面以sublime text3为例)中新建一个html文档

创建一个两行三列的表格

完成并保存后在浏览器中打开，下面便是效果图：

最后再用

......标签添加上表格的标题

最终的效果便是这样的：

在制作表格的过程中，常常会使用到合并单元格的操作，那么在HTML中又是怎么实现合并单元格的目的呢？这时我们就需要用到跨行属性和跨列属性：

根据上面学到的知识，我们可以自己制作一个课程表检验一下自己的学习成果：

保存后在浏览器中打开,怎么样？是不是成就感满满呢？

你学会了吗？快来自己动手做一做吧！

我们下期再见~

实习编辑  张乐雯

责任编辑  于文博