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"
<map name="planetmap" id="planetmap">
<area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" /> </map>
vertical-align属性 垂直对齐一幅图像:
img { vertical-align:text-top;
}