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]创建框架链接
  • 热门搜索
    关于民族团结的手抄报 手抄报模板大全 世界环境日手抄报 感恩手抄报图片 母亲节手抄报的内容 中学生英语手抄报 欢庆六一节手抄报 安全小报手抄报 文明上网手抄报 三爱手抄报