表格在网站中应用得非常广泛,使用它可以方便、灵活地排版,很多动态大型网站也都是借助表格排版的,但现在都使用DIV+CSS进行页面布局。表格可以把相互关联的信息元素集中定位,使浏览页面的人一目了然。在HTML文档中,表格需要通过表格标记

等标记按一定的关系嵌套共同完成,
必须定义在

1.

标签

该标签用于定义一张表格。在一张最基本的表格中,必须包含一组

标签、一组

标签和一组或标签。在标签中,可以使用表4中给出的一些常用的可选属性。

表4 HTML中

标签的常用属性

2.标签

该标签用于定义表格标题的位置,可以由align和valign属性来设置。align属性设置标题位于文档的左、中或右;valign属性设置标题位于表格的上方或下方。默认属性是标题位于表格的上方中间位置。该标签应放在

标签内,在表格行标签之前。

3.标签

该标签定义一行标签。表格是按行和列组成的,一张表格由几行组成就要有几个行标签

,一组行标签内可以建立多组由或标签所定义的单元格。行标签用它的属性值来修饰,属性都是可选的。例如,align属性设置行内容的水平对齐;valign属性设置行内容的垂直对齐;bgcolor属性设置行的背景颜色。

4.和标签 和都是插入单元格的标签,这两个标签必须嵌套在标签内,是成对出现的。用于表头标签,表头标签一般位于首行或首列,标签之间的内容就是位于该单元格内的标题内容,其中的文字以粗体居中显示。数据标签就是该单元格中的具体数据内容。和标签的属性都是一样的,可以使用表5中给出的一些常用的可选属性。

表5 表格列标签的常用属性

5.综合实例

在本例中使用表格在网页中输出一个学员信息列表,包括学员基本信息和学员成绩信息,代码如下所示:

本例在浏览器中的显示效果如图5所示。

图5 HTML表格标签演示结果

传智学员信息登记表html代码_IT兄弟连 HTML5教程 HTML5文字版面和编辑标签 使用HTML表格...相关推荐

  1. 传智播客linux安装视频教程下载,传智播客 LAMP(Linux)经典入门教程 李东超主讲29集完整版教程下载...

    课程名称 传智播客 LAMP(Linux)经典入门教程 李东超主讲29集完整版教程下载 课程目录 李东超 PHP视频教程 LAMP经典入门 第01讲 Linux的基本概念和发展历史.wmv 李东超 P ...

  2. java web 请求跟踪_IT兄弟连 JavaWeb教程 Servlet会话跟踪 Cookie技术

    原标题:IT兄弟连 JavaWeb教程 Servlet会话跟踪 Cookie技术 Cookie使用HTTPHeader传递数据.Cookie机制定义了两种报头,Set-Cookie报头和Cookie报 ...

  3. 实现传智播客部分首页代码

    代码打包放到百度网盘里了 链接:https://pan.baidu.com/s/1rIceEnFJaE2CtC0A1qxkhg  提取码:2k6x

  4. 传智播客2014王保明Linux培训系列教程

    加入QQ群302040480或加QQ2521238762,免费索取教程 第一天: 01-从 Linux 内核角度看linux系统编程 02-进程逻辑空间课堂答疑 03-fork系统调用实现剖析-王保明 ...

  5. dreamweaver 正则表达式为属性值加上双引号_IT兄弟连 HTML5教程 HTML5表单 新增的表单属性3...

    9 novalidate novalidate是属性规定在提交表单时不应该验证form和input域.novalidate属性适用于的类型有:text.search.url.telephone.ema ...

  6. 《传智播客.Net培训.net视频教程》(.net视频asp.net培训传智播客asp.net视频教程开放课程c#视频移动开发winform SQL ADO.Net HTML JavaScript

    本资源重要通知 2011年4月传智播客.Net培训-免费公开课现场视频 [重磅内容]微软移动开发介绍1-早起的鸟儿有食吃.rar 详情 53.2MB [重磅内容]微软移动开发介绍2-windows.p ...

  7. 博文推荐|传智教育 x Pulsar:互联网教育的未来

    关于 Apache Pulsar Apache Pulsar 是 Apache 软件基金会顶级项目,是下一代云原生分布式消息流平台,集消息.存储.轻量化函数式计算为一体,采用计算与存储分离架构设计,支 ...

  8. 翰歌世纪来成都传智播客招兵买马

    8月12日下午,四川瀚歌世纪网络科技有限公司负责人来传智播客成都java培训中心招聘人才.2013年为史上最难就业季,但传智学员依然是企业招聘对象中的"香饽饽".     据瀚歌世 ...

  9. 最炫丽的网页平面UI课程就在广州传智播客

    最炫丽的网页平面UI课程就在广州传智播客 哪里的网页平面UI课程最酷最炫,当然是广州传智播客了.传智播客广州网页平面UI培训课程分为六个阶段. 第一阶段:食品包装设计.企业形象识别系统设计.伊利牛奶广 ...

最新文章

  1. P3952 NOIP2017 时间复杂度
  2. DELL服务器结合nagios硬件监控、报警
  3. C# 跨线程赋值的简单做法
  4. cudnn.h: No such file or directory
  5. TLS/SSL测试工具
  6. 股市永不过时的黄金铁律:零下金叉疯狂买,零上死叉立即卖
  7. Day2:html和css
  8. Error applying BeanValidation relational constraints错误的解决
  9. 计算机图形学学习报告,计算机图形学学习报告.doc
  10. 【Linux】linux服务器下包管理器
  11. 物流管理系统需要的服务器,物流业务管理系统
  12. 内与外的困惑:找出System进程占用100%CPU的元凶
  13. 计算机图形学实验体会,计算机图形学实验报告.doc
  14. 高德api只显示省级地图
  15. note_10:surface laptop2遇到的问题和解决方案
  16. TriSun PDF 13.0中文版本,TriSun PDF15的发布
  17. Jenkins用户权限控制插件——Role-based Authorization Strategy
  18. 电平是什么?单片机的I/0口输入和输出,1和0是什么?什么是TTL电平?TTL电平分析?TTL、CMOS、RS232、RS485电平差异?usb转ttl?CH340模块驱动安装?电平之间的转换?
  19. Lazada和Shopee:瞄准6亿人口东南亚市场的两大主流电商平台
  20. 对对onreadystatechange属性的理解

热门文章

  1. 《程序是怎么跑起来的》第六章
  2. 《单页Web应用:JavaScript从前端到后端》——1.4 小结
  3. 360前端负责人月影:赛跑项目和跳水项目的金牌含量其实一样
  4. 细说C#多线程那些事 - 线程同步和多线程优先级
  5. 充满想象力的 JavaScript 物理和重力实验
  6. nginx 解析php漏洞
  7. CSS 学习-文本 段落
  8. python分布式进程(windows下)
  9. 学习SpringMVC——从HelloWorld开始
  10. mysql 迁移表时忽略索引_Mysql迁移新环境索引损坏