HTML学习制作表格

必备基础知识

  • 所有表格都是从<table>标签开始</table>结束,因此所有表格的整体属性都直接加载table标签上 <table border=''1'' bgcolor="这是背景色" background="这是背景图片url">
  • 每一行都是用<tr></tr>包裹
  • 每一行中的每一列<td></td>包裹
  • 表头每一格中的内容一般都是粗体,因此如果需要这样的粗体,表头行的一列就可以用<th></th>此时其中的字体就是粗体
  • 如果有某单元格需要跨行,那么可以在这个<td rowspan=“跨行数目”>
  • 如果有某单元格需要跨列,那么可以在这个<td colspan=“跨列数目”>

题目

题目

题目分析

  • 1.整个表格共有5行4列,并且border=1
  • 2.行列均有表头,并且有跨行跨列的表格单元格
  • 3.第一行,三列,都是<th>,第二列colspan是2,第一和第三rowspan是2
  • 4.第二行两个元素,都是th
  • 5.三四行一样都是四个单元格,第一个是th
  • 6.第五行两个单元格,第一个colspan是3并且是td

搭建好框架开始填文字即可

输出

  • 2.结果


    Paste_Image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 8,675评论 1 41
  • HTML学习笔记(二) 使用列表 使用表格 使用表单 添加多媒体 <a name="1">使用列表</a> ...
    寒桥阅读 4,012评论 0 1
  • ## HTML基础-列表标签/表格标签 # 列表标签(无序列表/有序列表/定义列表) # 表格标签 # 单元格合并...
    KsKison阅读 4,017评论 0 0
  • HTML引用 元素定义短的引用,浏览器通常会为 元素包围引号。 元素定义被引用的节,浏览器通常会对 元素进...
    做有趣的恶魔阅读 3,846评论 0 1
  • 今天财务有一台电脑,进入财务的网站,有的文字不能正常显示, 看了半天的现象,发现不仅此网站有问题,百度网的logo...
    易锦风阅读 3,816评论 0 0