w3 html table,HTML5 <table> 标签

实例

HTML5

一个简单的 HTML 表格,包含两列两行:

MonthSavings
January$100
尝试一下 »

(更多实例见页面底部)

浏览器支持

de3d85cc3fea3e43a8c12bc4205669b8.gif

03d6f6d5500fc45e0d3334f58ddc0247.gif

c05d4551a45a622e1bf0f3ce1cf68f83.gif

b09dfae2628ac54ccdca3db3760d90b9.gif

5ff1beacea4772a7a1a477936b7e8a68.gif

所有主流浏览器都支持

标签定义及使用说明

一个 HTML 表格包括

以及 元素。
元素定义表头, 元素定义表格单元。

更复杂的 HTML 表格也可能包括

HTML 4.01 与 HTML5之间的差异

在 HTML5 中,仅支持 "border" 属性,并且只允许使用值 "1" 或 ""。

属性属性 值 描述

left

center

right HTML5 不支持。HTML 4.01 已废弃。 规定表格相对周围元素的对齐方式。

rgb(x,x,x)

#xxxxxx

colorname HTML5 不支持。HTML 4.01 已废弃。 规定表格的背景颜色。

1

"" 规定表格单元是否拥有边框。

pixels HTML5 不支持。规定单元边沿与其内容之间的空白。

pixels HTML5 不支持。规定单元格之间的空白。

void

above

below

hsides

lhs

rhs

vsides

box

border HTML5 不支持。规定外侧边框的哪个部分是可见的。

none

groups

rows

cols

all HTML5 不支持。规定内侧边框的哪个部分是可见的。

text HTML5 不支持。规定表格的摘要。

pixels

% HTML5 不支持。规定表格的宽度。

全局属性

事件属性

85a73ea3ac9845875414418b452ec2b4.gif

尝试一下 - 实例

表格中的标题

本例演示如何显示表格标题。

空单元格

本例演示如何使用 " " 处理没有内容的单元格。

带有标题的表格

本例演示一个带标题(caption)的表格。

表格内的标签

本例演示如何在其他的元素内显示元素。

跨行或跨列的表格单元格

本例演示如何定义跨行或跨列的表格单元格。

相关文章

HTML 教程:HTML 表格

HTML DOM 参考手册:Table 对象

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
请解释以下代码<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>注册第一步</title> </head> <body> <% // 设置请求编码方式,防止中文乱码问题 request.setCharacterEncoding("UTF-8"); %> <!-- 查找JavaBean对象,使用请求参数为对象属性赋值 --> <jsp:useBean id="user" class="com.test.chapter07.javabean.UserBean" scope="session" /> <jsp:setProperty property="*" name="user" /> <h2 align="center">用户注册信息确认</h2> <form action="registerSuccess.jsp" method="post"> <table border="1" width="50%" align="center"> <tr> <td>用户名:</td> <td><jsp:getProperty property="username" name="user" /></td> </tr> <tr> <td>密 码:</td> <td><jsp:getProperty property="password" name="user" /></td> </tr> <tr> <td>性别:</td> <td><jsp:getProperty property="sex" name="user" /></td> </tr> <tr> <td>年龄:</td> <td><jsp:getProperty property="age" name="user" /></td> </tr> <tr> <td>提示信息:</td> <td><jsp:getProperty property="tooltip" name="user" /></td> </tr> <tr> <td>提示答案:</td> <td><jsp:getProperty property="answer" name="user" /></td> </tr> <tr> <td>邮箱:</td> <td><jsp:getProperty property="email" name="user" /></td> </tr> <tr> <td>愿意接受信息:</td> <td><jsp:getProperty property="messageChoose" name="user" /></td> </tr> <tr> <td colspan="2" align="center"><input type="submit" value="确认提交"></td> </tr> </table> </form> </body> </html>
05-25

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值