关于html表格的分组

html-css07

关于html表格的分组,第1张

这几个标签分别是<thead></thead>:表头标签 <tbody></tbody>:表格主题标签<tfoot></tfoot>尾注标签,他们组成了html文档的表格按行分组。其中尾注标签很少用。<thead>

标签是成对出现的,其标签内是由表头标签标识的表头元素。<tbody>标签用于规定表格主体部分的元素,可多次出现。<thead></thead> 和 <tbody></tbody>标签的属性和<th></th>和<td></td>标签是一样的

checkbox分组,其实就是name属性取一样的名字而已,如果视觉上想加个框框起来,就用<fieldset>标签,如下:

<fieldset>

    <legend>爱好</legend>

    <input type="checkbox" name="favoirte"  value="ball">打球

    <input type="checkbox" name="favoirte"  value="swim">游泳

    <input type="checkbox" name="favoirte"  value="sing">唱歌

</fieldset>

HTML文档的基本结构

主体标记<BODY>…</BODY>

META 标记

 META 标记是一个特殊的 HTML 标记,提供有关网页的信息,如作者姓名、公司名称和联系信息等。

 例如:要将 Graham Browne 指定为作者,则使用以下 META 标记:

 http-equiv 属性可用来代替 META 标记中的 name 属性

 例如:

设置文本格式

 标题

 段落

 换行符

 字体

 字符格式化

 特殊字符

 水平线

设置字体、字号和颜色标记

字符格式化标记

插入特殊字符

 某些字符在 HTML 中具有特殊意义,如小于号 (<) 定义 HTML 标签的开始

 字符实体用于在 HTML 文档中插入特殊字符,如版权号 ,注册商标等

常用特殊符号的实体名称

使用水平线

列表标记

 列表用于按逻辑方式对数据分组

列表类型:无序列表

列表类型:有序列表

插入图像

创建超级链接

创建锚点链接

 链接到同一文档的某个部分

 锚点标记用于使用户“跳转”到文档的某个部分

 A标记的NAME属性用于创建锚标记

 为达到这种跳转效果,请在 HREF 参数中使用该标记

 链接到其他文档的特定位置

创建电子邮件链接

小结

 HTML 标记一般配对使用,不区分大小写

 标记都具有属性。属性提供关于网页上HTML元素的附加信息

 META标记放置在网页的标题处以提供关于页面的信息。搜索引擎常会用到这些标签

 标题级标记使用<H1>…<H6>

 段落标记使用<P align=“对齐方式”>…</P>

 无序列表使用<UL>标记,有序列表使用<OL>标记

 字体标记<Font color=“颜色” size=“大小” face=“字体”>

 超链接标记<A href=“链接地址”>超链接文本</A>

回顾

表格

创建表格

添加输入型表单控件

框架

小结:

<TABLE width=“?” border=“?” align=“?”>

<CAPTION>表格标题</ CAPTION >

<TR bgcolor=“?”>

<TH align=“?”>数据1 </TH>

<TH align=“?”>数据2 </TH>

…..

</TR>

<TR bgcolor=“?” >

<TD align=“?”>数据11 </TD>

<TD align=“?”>数据22 </TD>

</TR>

</TABLE>

<FORM action=“?” method=“?” >

文本框 <INPUT type=“text” name=“?” value=“?” maxlength=“">

密码框 <INPUT type=“password” name=“?” value=“” >

文本域 <textarea name=“?” clos=“?” rows=“?”></textarea >

单选按钮<INPUT TYPE=radio NAME=”?” VALUE=”?”>男性

复选框<input type="Checkbox" name="?" value="?">酒井法子

<SELECT NAME ="?">

<OPTION >选项1</OPTION>

<OPTION>选项2</OPTION>

<OPTION>...</OPTION>

</SELECT>

<INPUT type="Submit" value="提交" name="?">

<INPUT type="reset" value="重置" name="?">

</ FORM>