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; }