记不住就存下来---- HTML 5 表格相关元素&框架相关元素

表格相关元素


元素名称
元素含义
 table
定义表格 , <table../>元素只能包含 0 个 或 1 个 <caption../>子元素(定义表格标题) , 0 个 或 1 个 <thead../>子元素(定义表格头) ,0 个 或 1 个 <tfoot../>子元素(定义表格脚) ,  0 个 或 1 个 <tr../>子元素(定义表格行) , 0 个 或 1 个 <tbody../>子元素(定义表格体) . 该元素还可以指定如下几个属性:
(1).cellpadding : 指定单元格内容和单元格边框之间的间距 . 该属性既可以是像素值 , 也可以是百分比.
(2).cellspacing : 指定单元格之间的间距 . 该属性值既可以是像素值 , 也可以是百分比.
(3).width : 指定表格宽度 , 该属性既可以是像素值 , 也可以是百分比.
caption
用于定义表格标题 , 该元素只能包含文本 , 图片 , 超链接 , 文本格式化元素 , 表单控件元素 等.
tr
定义表格行 , 该元素只能包含<td../> 或者 <th../> 两种元素 , 该元素可以指定 id , style , class 等核心属性 , 还可以指定 onclick 等事件属性.
td
定义单元格 , 该元素和<div../>元素一样, 可以包含各种类型的子元素包括在<td../>元素里包含<table../>子元素再次插入一个表格.该元素可以指定 id , style , class 等普通属性, 也可以指定 onclick 等事件属性,除此之外,还可以指定:
(1). colspan : 指定单元格跨多少列, 该属性就是一个简单的数字.
(2).rowspan : 指定次单元格可横跨的行数.
(3).height : 指定单元格的高度, 该属性可以是像素值, 也可是百分比
(4).width : 指定单元格的宽度, 该属性可以是像素值, 也可是百分比
th
定义表格页眉的单元格 , 和<td../>标签的用法几乎完全一样,只是呈现的时候有一定差别
tbody
定义表格的主体,该元素只能包含 <tr../>子元素 ,该元素可以指定 id , style , class 等普通属性, 也可以指定 onclick 等事件属性.
thead
定义表格头, 用法与<tbody../>基本相似,指定功能稍有差别.
tfoot
定义表格脚, 用法与<tbody../>基本相似,指定功能稍有差别.

记不住就存下来---- HTML 5 表格相关元素&框架相关元素_第1张图片记不住就存下来---- HTML 5 表格相关元素&框架相关元素_第2张图片记不住就存下来---- HTML 5 表格相关元素&框架相关元素_第3张图片


除此之外,如果需要在页面中为某列整体指定属性, HTML 5 保留了两个标签.

col
该元素用于为表格中的一个或者多个列指定属性值. 该元素只能出现在 <table../>元素或 <colgroup../>元素内.该元素可以指定 id , style , class 等普通属性, 也可以指定 onclick 等事件属性.除此之外还可以指定如下属性:
(1).span : 指定该列可横跨多少列.
colgroup
该元素用于为表格中的一个或者多个列指定属性值,或者多列指定属性值. 该元素只能出现在 <table../>元素或 <colgroup../>元素内.该元素可以指定 id , style , class 等普通属性, 也可以指定 onclick 等事件属性.


记不住就存下来---- HTML 5 表格相关元素&框架相关元素_第4张图片
记不住就存下来---- HTML 5 表格相关元素&框架相关元素_第5张图片




框架相关元素 

src
 该属性指定一个 URL , 指定该 iframe 将装在哪个页面.


记不住就存下来---- HTML 5 表格相关元素&框架相关元素_第6张图片

记不住就存下来---- HTML 5 表格相关元素&框架相关元素_第7张图片

记不住就存下来---- HTML 5 表格相关元素&框架相关元素_第8张图片



你可能感兴趣的:(html,html,5,表格相关元素,框架相关元素)