HTML4.0-2

1. 超链接

超链接实现网页间的导航 快速跳转到我们指定的功能页面
* 基本语法

    <a href="链接地址" target="目标窗口位置">   链接热点文本或图像</a>

a 标签的 target 属性规定在何处打开链接文档。

如果在一个 a 标签内包含一个 target 属性，浏览器将会载入和显示用这个标签的 href 属性命名的、名称与这个目标吻合的框架或者窗口中的文档。如果这个指定名称或 id 的框架或者窗口不存在，浏览器将打开一个新的窗口，给这个窗口一个指定的标记，然后将新的文档载入那个窗口。从此以后，超链接文档就可以指向这个新的窗口。
_blank在新窗口中打开被链接文档。_self默认。在相同的框架中打开被链接文档。_parent在父框架集中打开被链接文档。_top在整个窗口中打开被链接文档。framename在指定的框架中打开被链接文档。

2 .相对地址

相对地址：相对于当前目录的地址，常用

<a href="login/login.htm">登录</a>

3 .绝对地址 指向目标地址的完整描述 ，少用

<a href="http://www.sohu.com">搜狐</a>

4 .超链接的三类应用场合

 target=_blank , _self

1、页面间链接
2、锚链接 先定义锚点(你要跳到的位置)name=”star”、再跳转href=”#star”
3、功能性链接 href=”mailto:[e-mail]”

5. 注释、特殊符号

*注释： 增强代码可读性 、写给其他程序员看的<!--注释内容 --> 被注释的内容将不显示*特殊符号： 注意跟一个分号    空格：&nbsp;     大于(>)：&gt;     小于(<）:  &lt;     引号（”）：&quot;     版权号() ：&copy; 

5.目录语法

    ../ 上级目录    ../../上上级目录

6. 表单

form标签的action属性值代表“指定提交后，由服务器上哪个处理程序处理”；method属性值代表“指定向服务器提交的方法：一般为post或get方法, post方法比较安全”

1、单行文本框(text)

    input name= "名称" type= "text" value= "初值"         size= "数字">

2、密码框(password)

    <input name= "名称" type="password" value="初值"         size="数字">

3、单选按钮(radio)

    <input  name= “组名"  type= "radio"  value= "… "          checked= " … "   >

4、复选框(checkbox)

    input  type="checkbox"  name= " … "  value= " … "            checked= " … " >

5、下拉列表(select)

    <select  name="指定列表名称"   size="行数">    <option  value="选项值"  selected="selected">…</option>     … …    </select>

6、文本域(textarea)

    <textarea  name="... "  cols="列宽"  rows="行宽">     文本内容     </textarea>

7、文件域(file)

    <input  type="file"  name= " … "      >

8、提交按钮(submit)

    <input  type="submit" name="button"  value="同意……" />

9、重置按钮(reset)

    <input  type="reset"    name="reset"     value=" 重填" />

10、隐藏表单域(hidden)

    <input type="hidden" name="…." value="…" />

get 和 post 区别

get方式安全性低，post方式较安全。但是post方式执行效率要比get方式差一些。
get是把参数数据队列加到提交表单的action属性所指的URL中，如：http://www.xxx.com?sessonid=db23434&name=hongten&age=20。在URl中，值和表单南日各个字段一一对应，并且这些在URl中对用户来说是可见的，即用户时可以看到的。如：name=hongten。post是通过HTTP post机制，将表单内各个字段与其内容放置在HTML HEADER内一起传送到action属性所指的URL地址，对于用户来说，这是透明的。

表单高级用法：

1、隐藏表单域

*方便服务器端“记住”客户端的信息、但又不希望客户看到的数据

    <input type="hidden" name="…." value="…" />

2、只读和禁用

readonly：希望某个表单元素内的内容只允许用户看，不能修改

disabled：因没达到使用的条件，限制用户使用

<textarea name="content" cols="60" rows="8" readonly="readonly">欢迎阅读服务条款协议，贵美的权利和义务......</textarea><br /><br />同意以上协议<input name="agree" type="checkbox" /> <input name="btn" type="submit" value="注册" disabled="disabled" /></p>……

3、定义域

fieldset 元素可将表单内的相关元素分组。
fieldset 标签将表单内容的一部分打包，生成一组相关表单的字段。

    <fieldset><legend>健康信息</legend>身高: <input type=“text” name=“height”/>体重: <input type="text"  name=“weight”/> </fieldset>

4、定义一个控制的标签 label 的for属性关联对应空间的id属性

<input type=radio id=male name=male ><label for="male">男</lable>