HTML入门之表格Table的使用

 时间:2026-02-16 13:54:16

1、table控件是放在一对闭合的table标签里的。

HTML入门之表格Table的使用

2、表格里是有各个行组成的,行是用tr标签来表示的。

有多少行,就需要有多少对的tr标签

HTML入门之表格Table的使用

3、每一行就会有多个单元格,单元格是用td标签来表示的。

每一行有多少个单元格,就需要有多少对的td标签。

HTML入门之表格Table的使用

4、写上一个完整的表格,二行,三列的。

HTML入门之表格Table的使用

5、看下现在的表格显示出来的效果。

默认的表格,没有添加样式时,是很丑的样子。

HTML入门之表格Table的使用

6、我们可以自己写一些样式,或引入bootstrap样式,然后在table里写上bootstrap的样式名就行了。如图。

(css样式,和bootstrap样式插件是另外的知识点,有兴趣的可自行百度搜索)

HTML入门之表格Table的使用

7、现在重新刷新下页面,可以看到现在的表格漂亮很多了。

HTML入门之表格Table的使用

  • 在Linux中进行挂载ISO光盘映像文件
  • 计算机网络的主要功能有哪些
  • css如何设置背景图居中对齐
  • HTML网页制作:[14]创建框架链接
  • 怎样在Dreamweaver中使用库项目
  • 热门搜索
    新浪旅游 香港旅游费用 澳大利亚旅游攻略 巢湖旅游 齐齐哈尔旅游 天台山旅游 海南旅游局 南戴河旅游景点 梅州旅游景点大全 新余旅游