2.1HTML网页之table标签B

描述:表格标签
需求:创建一个七行四列的表格,对首行进行合并而且给出标题,对最后一列设置,合并行
知识点:
1.根据方向分为 : 列合并 行合并
注意点:不管是合并行,还是合并列,都必须在td标签内完成
2.横向合并 — 列合并 属性— colspan = “合并列数的值”
3.纵向合并 — 行合并 属性— rowspan = “合并行数的值”

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>表格标签</title><style type="text/css">/*设置行高*/tr{height: 50px;}/*设置宽度*/td{width: 200px;text-align: center;}</style></head><body><!--快捷键  table>tr*7>td*4   --><table border="1px" align="center"><tr><td colspan="4" ><h2>河北农业大学Java班考试成绩</h2></td><!--<td></td><td></td><td></td>--></tr><tr><th>序号</th><th>姓名</th><th>成绩</th><th>备注</th></tr><tr><td>1</td><td>王少帅</td><td>97</td><td rowspan="2">优秀</td></tr><tr><td>2</td><td>陈雪洁</td><td>98</td><!--<td>优秀</td>--></tr><tr><td>3</td><td>王佳明</td><td>87</td><td>优</td></tr><tr><td>4</td><td>任钦禅</td><td>97</td><td rowspan="2">优秀</td></tr><tr><td>5</td><td>丁啸宇</td><td>97</td><!--<td>优秀</td>--></tr></table></body>
</html>

2.1HTML网页之table标签B相关推荐

  1. html:(14):给div命名和table标签

    给div命名,使逻辑更加清晰 在上一小节中,我们把一些标签放进<div>里,划分出一个独立的逻辑部分.为了使逻辑更加清晰,我们可以为这一个独立的逻辑部分设置一个名称,用id属性来为< ...

  2. html基础-table标签

    table标签,认识网页上的表格 有时候我们需要在网页上展示一些数据,如某公司想在网页上展示公司的库存清单.如下表: 想在网页上展示上述表格效果可以使用以下代码: 创建表格的四个元素: table.t ...

  3. HTML基础——table标签

    HTML基础之table标签 一.定义 表格是网页中十分重要的组成元素.表格用来存储数据.表格包含标题.表头.行和单元格.在HTML语言中,表格标记使用符号<table>表示.定义表格仅使 ...

  4. HTML常用标签(a标签/img标签/table标签)

    <HTML常用标签> 最近学习了一些关于HTML的常用标签,并在此做个博客来详细说明这些标签的具体属性以及用法,用于记录学习笔记以及检验学习成果. 本文的主要内容有: a标签的用法 img ...

  5. 页面中常用的html元素,HTML网页的基本标签 最常用的HTML标签

    a.布局标签 div标签定义文档中的分区或节(division/section),可以把文档分割为独立的.不同的部分,主要用于布局. aside标签的内容可用作文章的侧栏. header标签定义页面的 ...

  6. Table 标签详解

    <table> 在HTML 中定义了表格布局.说到 table 标签,我们可以想到的大致有以下几个元素:<tr>.<th>.<td>.<thead ...

  7. Web前端开发 table标签相关用法和属性

    table标签 html中的<table>标签,通常用于对页面布局的规划. 一.<table>标签简介 table标签用于在网页中建立表格布局,其子标签有<tr>& ...

  8. html中table标签用法

    1.<table> <table> 标签定义 HTML 表格. 简单的 HTML 表格由 table 元素以及一个或多个 tr.th 或 td 元素组成. tr 元素定义表格行 ...

  9. 用html语言编写表格,HTML表格(table标签)

    在 HTML 中,我们使用 一个完整的表格由多个标签构成,我们不妨先来看一段简单的 HTML 代码: 网站 域名 分类 C语言中文网 c.biancheng.net 在线教育 百度 www.baidu ...

  10. CSS table标签

    一.标签定义 一个完整的table包含thead.tbody.tfoot这些语义化标签,方便对表格中的行进行分组,这种划分使浏览器有能力支持独立于表格标题和页脚的表格正文滚动. 其中 th(table ...

最新文章

  1. 在请求完成后回调delegate的方法。然而回调时经常遇到这种情况:delegate已经被释放...
  2. 全缓冲、行缓冲和无缓冲
  3. 用solidity语言开发代币智能合约
  4. android 获取图片主色调
  5. 科技长廊声光电计算机,科技展示长廊 孩子探索乐园
  6. pku3670 Eating Together
  7. 用eclipse制作简单网页
  8. ScintillaNET的应用
  9. (转)android连网详解
  10. Linux基础笔记——RAID
  11. cmd长ping记录日志和时间_Ping记录时间的方法
  12. 面经个人向(算法岗)
  13. Huffman实现对26个英文字母的编码
  14. LANP 配置文件
  15. css背景颜色占满全屏幕
  16. 抓取知网摘要、搜狗微信文章、搜狗新闻的爬虫
  17. CVPR2021:Found a Reason for me? Weakly-supervised Grounded Visual Question Answering using Capsules
  18. SqlServer中的Top * With Ties
  19. 随机森林 OOB理解
  20. 再生龙移植ubuntu硬盘大小限制解决方案

热门文章

  1. 平板/笔记本亮度调节工具halo(WINDOWS)
  2. 每日案例(第五期):智慧金融11-12 | 知识图谱实践案例集(速读版)
  3. memory exhausted mysql 42000 1064
  4. 探索 AIX 6:新特性概述(上)(转自IBM)
  5. 德兰梅尔-诚邀您参加2022生物发酵展(济南),7月14日与您相约
  6. d3-axis坐标轴
  7. sql 大于 小于 大于等于 小于等于 符号
  8. 简单实现同一局域网下的本地网页访问
  9. 实战游戏项目管理5-配置管理
  10. win7计算机属性资源管理器停止工作,Win7系统Windows资源管理器已停止工作怎么解决?...