HTML入门之表格Table的使用

 时间:2024-10-15 02:13:33

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光盘映像文件
  • 计算机网络的主要功能有哪些
  • Hbuilder X如何配置Chrome浏览器安装路径
  • css如何设置背景图居中对齐
  • HTML网页制作:[14]创建框架链接
  • 热门搜索
    疱疹治疗方法 开花店怎么样 中暑的急救方法 早搏怎么办 地基承载力检测方法 家常酸菜鱼 许嵩的歌曲大全 绥芬河怎么读 说明方法的作用 湖南工学院怎么样