HTML 属性

HTML 属性1

<input>标签的type属性：规定 input 元素的类型。

例如：<input type="text" /> 定义用户可输入文本的单行输入字段。

<input type="button" /> 定义可点击的按钮，但没有任何行为。button 类型常用于在用户点击按钮时启动 JavaScript 程序。

<input type="hidden" /> 定义隐藏字段。隐藏字段对于用户是不可见的。隐藏字段通常会存储一个默认值，它们的值也可以由 JavaScript 进行修改。

<input type="submit" /> 定义提交按钮。提交按钮用于向服务器发送表单数据。数据会发送到表单的 action 属性中指定的页面。

button	定义可点击按钮（多数情况下，用于通过 JavaScript 启动脚本）。
checkbox	定义复选框。
file	定义输入字段和 "浏览"按钮，供文件上传。
hidden	定义隐藏的输入字段。
image	定义图像形式的提交按钮。
password	定义密码字段。该字段中的字符被掩码。
radio	定义单选按钮。
reset	定义重置按钮。重置按钮会清除表单中的所有数据。
submit	定义提交按钮。提交按钮会把表单数据发送到服务器。
text	定义单行的输入字段，用户可在其中输入文本。默认宽度为 20 个字符。

有特殊意义的标签：

<abbr> 缩写 <em> 强调 <strong> 更强的强调 <cite> 引用 <address> 地址这些标签不是为了定义显示效果而存在的，所以从浏览器里看它们可能没有任何效果，也可能不同的浏览器对这些标签的显示效果完全不同。

<hr>标签用于在页面上添加横线。可以通过指定width和color属性来控制横线的长度和颜色。
<table>表格

<tr> 表格里的一行 <td>行里的一个单元格

<tr>标签还可以被<table>里的<thead>或<tbody>或<tfoot>包含。它们分别代表表头，表正文，表脚。在打印网页的时候，如果表格很大，一页打印不完，<thead>和<tfoot>将在每一页出现。

<th>代表这个单元格是它所在的行或列的标题。

列表

表格用于表示二维数据（行，列），一维数据则用列表表示。列表可以分为无序列表（<ul>），有序列表（<ol>）和定义列表（<dl>）。前两种列表更常见一些，都用<li>标签包含列表项目。

框架

<frameset>标签的属性Rows和Cols用于指定框架集(frameset)里有多少行（列），以及每行（列）的高度（宽度）。

<frameset>标签可以包含<frame>标签，每个<frame>标签代表一个文档（src属性指定文档的地址）。

超链接

<a></a>去除链接的下划线： text-decoration:none;

css控制鼠标手型：

通常用法：cursor:hand; 若想所有浏览器兼容则用：cursor：pointer；

首行缩进两个字的宽度---text-indent:2em;

HTML <img> 标签的 alt coords shape <map> 垂直居中

<img> 标签的 alt 属性指定了替代文本，用于在图像无法显示或者用户禁用图像显示时，代替图像显示在浏览器中的内容。

　　text-indent 属性规定文本块中首行文本的缩进（text-indent：1cm；）

HTML <area> 标签 coords 与 shape 属性 <map> 标签

coords 属性规定区域的 x 和 y 坐标。

coords 属性与 shape 属性配合使用，来规定区域的尺寸、形状和位置。

图像左上角的坐标是 "0,0"。

shape 属性用于定义图像映射中对鼠标敏感的区域的形状：

圆形（circ 或 circle）

多边形（poly 或 polygon）

矩形（rect 或 rectangle）

shape 属性的值会影响浏览器对 coords 属性的解释。

【1】 shape -- 定义热点形状

shape=rect：矩形

shape=circle：圆形

shape=poly：多边形

【2】coords -- 定义区域点的坐标

a.矩形：必须使用四个数字，前两个数字为左上角座标，后两个数字为右下角座标

例：<area shape=rect coords=100,50,200,75 href="URL">

b.圆形：必须使用三个数字，前两个数字为圆心的座标，最后一个数字为半径长度

例：<area shape=circle coords=85,155,30 href="URL">

c.任意图形（多边形）：将图形之每一转折点座标依序填入

例：<area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="URL">

html <map>标签

定义一个客户端图像映射。图像映射（image-map）指带有可点击区域的一幅图像。

注释：area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。

注释：<img>中的 usemap 属性可引用 <map> 中的 id 或 name 属性（取决于浏览器），所以我们应同时向 <map> 添加 id 和 name 属性。

例子：<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" />

<map name="planetmap" id="planetmap">

vertical-align属性垂直对齐一幅图像：

　　img { vertical-align:text-top; }