HTML表格和列表笔记&练习<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>关于表格的一些练...-白红宇

HTML表格和列表笔记&练习<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>关于表格的一些练...

阅读量：4675 次

发布时间：2019-06-09

本文共 2666 字，大约阅读时间需要 8 分钟。

关于表格的一些练习注释：2、…：当表格内容非常多时，表格会下载一点显示一点，但如果加上标签后（在table标签里包括），这个表格就要等表格内容全部下载完才会显示

一个普通基本的表格

以上属性依次为边框宽度背景色背景图案字符距边框距离边框间距表格宽度表格像素大小

注释：这是表格标题元素

注释：表格格式是行元素标签

包括列元素标签

我的标题
姓名	电话
其中一种特殊的表头元素标签	作为基本的元素标签优先级与列元素标签相同	电话
Bill Gates	555 77 854	555 77 855

一个带有页眉页脚的表格

Month	Savings
Sum	$180
January	$100
February	$80

横跨两列的单元格：

姓名	电话
Bill Gates	555 77 854	555 77 855

横跨两行的单元格：

姓名	Bill Gates
电话	555 77 854
电话	555 77 855

表格标签中的定义表格列组属性的标签与其类似的定义一个或多个列的属性标签两个 colgroup 元素为表格中的三列规定了不同的对齐方式和样式（注意第一个 colgroup 元素横跨两列）：


    
                                      ISBN            Title            Price         
                   3476896            My first HTML            $53

ISBN	Title	Price
3476896	My first HTML	$53

浏览器支持

IE	Firefox	Chrome	Safari	Opera

所有主流浏览器都支持 <colgroup> 标签。

Firefox、Chrome 以及 Safari 仅支持 colgroup 元素的 span 和 width 属性。

定义和用法

<colgroup> 标签用于对表格中的列进行组合，以便对其进行格式化。

如需对全部列应用样式，<colgroup> 标签很有用，这样就不需要对各个单元和各行重复应用样式了。

<colgroup> 标签只能在 table 元素中使用。

HTML 与 XHTML 之间的差异

NONE

提示和注释：

提示：请为 <colgroup> 标签添加 class 属性。这样就可以使用 CSS 来负责对齐方式、宽度和颜色等等。

注释：col 元素是仅包含属性的空元素。如需创建列，您就必须在 tr 元素内部规定 td 元素。

参见：。

可选的属性

属性	值	描述
	right left center justify char	定义在列组合中内容的水平对齐方式。
	character	规定根据哪个字符来对齐列组中的内容。
	number	规定第一个对齐字符的偏移量。
	number	规定列组应该横跨的列数。
	top middle bottom baseline	定义在列组合中内容的垂直对齐方式。
	pixels % relative_length	规定列组合的宽度。