`
wenwenyuezhang
  • 浏览: 7176 次
  • 性别: Icon_minigender_1
  • 来自: 中山
社区版块
存档分类
最新评论

HTML5元素-表格元素

    博客分类:
  • HTML
阅读更多

HTML5元素-表格元素

<!-- 生成基本的表格 -->
<table>
	<tr>
		<th></th>
		<th></th>
	</tr>
	<tr>
		<th></th>
		<tr></tr>
	</tr>
</table>

<!-- 为表格添加 表头,表体,表脚 -->
<table>
	<thead> 
		<tr>
			<th>  </th><th>  </th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<th>  </th>
			<tr>  </tr>
		</tr>
	</tbody>
	<tfoot>
		<tr>
			<th>  </th>
			<tr>  </tr>
		</tr>
	</tfoot>
</table>

<!-- 制作不规则表格 -->
<!-- 行列合并属性: 行合并 rowspan 列合并 colspan -->

<!-- 把表头与单元格关联起来 -->
<!-- 使用 headers 属性 -->
<table>
	<thead> 
		<tr>
			<th id = "first col">  </th>
			<th id = "seccond col">  </th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<th id = "first row" headers = "first col">  </th>
			<tr headers = "seccond col first row">  </tr>
		</tr>
	</tbody>
	<tfoot>
		<tr>
			<th id = "second row" headers = "first col">  </th>
			<th headers = "seccond col second row" >  </th>
		</tr>
	</tfoot>
</table>

<!-- 为表格添加标题 -->
<table>
	<caption>标题</caption>
</table>

<!-- 处理列 -->
<table>
	<colgroup id = "colgroup1" span = "3"/>
	<colgroup id = "colgroup2" span = "2"/>
</table>

<!-- 处理个别列 -->
<table>
	<colgroup id = "colgroup1">
		<col id = "col1and2" span = "2"/>
		<col id = "col3"/>
	</colgroup>
</table>

<!-- 设置表格边框 -->
<!-- 使用属性 border 其值必须设置为1或空字符串"" -->

 

分享到:
评论

相关推荐

    HTML5访问表格元素

    用Html5编写的表格,并能访问其中的标题,单元格的数据。

    HTML5基础知识-HTML5表格与列表.pptx

    规定表格相对周围元素的对齐方式。 bgcolor rgb(x,x,x)/#xxxxxx/ colorname 不赞成使用。规定表格的背景颜色。 border pixels 规定表格边框的宽度。 cellpadding pixels % 规定单元边沿与其内容之间的空白。 ...

    最新HTML5.1规范元素表(2017年7月7日更新)

    最新HTML5.1规范元素表(2017年7月7日更新)

    html.rar_html_image_style_多表格_显示表格

    表格(Table) 表格进阶(Advanced) 多窗口页面(Frames) 会移动的文字(Marquee) 多媒体页面(Alternative Inline Elements) 详细目录 页面 文件结构 语言字符集信息 背景色彩和文字色彩 页面空白 链接 开新...

    HTML 列表、表格、媒体元素.pdf

    HTML 列表、表格、媒体元素

    初级html代码学习.zip

    001-我的第一个HTML页面 002-HTML的基本标签 003-HTML的实体符号 004-HTML的表格 005-HTML的表格-单元格合并以及th标签 006-HTML的表格-thead tbody tfoot ...017-HTML中元素的id属性 018-HTML中的div和span

    Python实现简单HTML表格解析的方法

    主要介绍了Python实现简单HTML表格解析的方法,涉及Python基于libxml2dom模块操作html页面元素的技巧,需要的朋友可以参考下

    html元素<table>小制作

    html元素,表格小制作,只是小制作,适合刚刚开始学习html的朋友们,下载后即可使用

    jQuery.table_scroll插件将垂直和水平滚动条添加到HTML表格元素。-JavaScript开发

    Table Scroll在这里尝试-http://volodymyr-bobko.github.io/table-scroll/ jQuery.table_scroll插件将垂直和水平滚动条添加到HTML表格元素中。 具有垂直滚动功能。 水平滚动可能会窥视表格滚动在这里尝试-...

    全栈工程师开发8个阶段(27.32G)

    列表、表格、媒体元素 ---3.表单及特性 ---4.css3入门使用 ---5.css3美化 ---6.盒子模型 ---7.浮动处理 ---8.元素定位 ---9.css3动画 1.java基础(第二版)出书配套 ---第01章初识java ---第02章变量,数据类型,运算符 ...

    mshtml操作html表格合并拆分

    mshtml操作html表格合并拆分 参数为当前单元格,单元格所在行 单元格所在表格

    史上最强的H5架构师实战课程 纯粹干货-30G大容量 金牌讲师带领的H5架构师全面课程

    ├─(5) HTML5开发教程-5.CSS基础.wmv ├─(6) HTML5开发教程-HTML5+CSS基础.ppt (1)\02.HTML5初级开发视频_JavaScript语言基础;目录中文件数:56个 ├─(7) HTML5开发视频_javascript基础语法09_赋值运算符.mp4 ├...

    jQuery完全实例.rar

    默认情况下, 如果没有指定context参数,$()将在当前的 HTML 文档中查找 DOM 元素;如果指定了 context 参数,如一个 DOM 元素集或 jQuery 对象,那就会在这个 context 中查找。 参考 Selectors 获取更多用于 ...

    Vue中插入HTML代码的方法

    v-html:更新元素的 innerHTML const text = `&lt;p&gt;Hello World&lt;/&gt;` My name is Pjee &lt;p v-html='text'&gt;&lt;/p&gt; 注意:你的站点上动态渲染的任意 HTML 可能会非常危险,因为它很容易导致 XSS 攻击。请只对可信...

    html标记完全教程

    HTML中的META元素----2008年9月13日 酷站欣赏页面今天更新----2008年9月12日 网页设计技巧谈:走出路径的困惑----2008年9月12日 网页标记基础→更多← 网页基本构成元素 网页技术构成 html基本概念 html的...

    疯狂HTML 5+CSS 3+JavaScript讲义(第2版)+源代码

    14.5 增加HTML元素 458 14.6 删除HTML元素 463 14.7 传统的DHTML模型 467 14.8 使用window对象 469 14.9 navigator和地理定位 479 14.10 HTML 5增强的History API 485 14.11 使用document对象 490 14.12 ...

    jq22hiprint1202201905170106.zip

    -- 表格 打印面板添加表格元素 content为字符串 --&gt;panel.addPrintTable({ options: { width: 252, height: 35, top: 130, left: 20, content: $('#testTable').html() } }); &lt;!-- html 打印面板添加自定义html...

    table CSS制作好看的网页表格

    幸运的是html规范提供了许多无素和属性来提高数据表格对于这些设备的可访问性. 1.summary 和 caption 第一元素是表格的caption,它基本上用做表格的标题.尽管这不是必须有的元素,但是尽可以使用caption总是好的.另一...

    HTML5+CSS3网页设计-第二章 列表表格与媒体元素.pptx

    +CSS3网页设计

    HTML5表格_动力节点Java学院整理

    下面主要介绍用于制作表格的HTML元素。 构建表格 表格的基本元素包括:table、tr和td。 table表示HTML文档中的表格,支持border属性,用于定义表格边框的宽度; tr表示表格中的行; td表示表格中的单元格,包括如下...

Global site tag (gtag.js) - Google Analytics