《HTML CSS JavaScript网页制作》第四章-用HTML创建超链接和表单

一、超链接 1、基本概念

超链接由源地址文件和目标地址文件构成。当点击超链接时，浏览器会根据目标地址打开网页或者调用本机上的相关程序打开要访问的文件。

2、创建基本的超链接

1、超链接标记a  <a href="链接目标" >链接显示文本a>
属性：href 指定链接地址   name 为链接命名  title为链接添加提示文字  target指定连接的目标窗口
2、设置目标窗口target 默认情况在原窗口打开
target取值：
_self 在当前页面中打开链接,默认   _blank 在一个空白窗口打开
_top 在顶层框架中打开       _parent在当前框架的上一层打开

3、创建图像的超链接

分为：为图像元素制作链接；在图像的局部制作链接。

（1）设置图像超链接

使其指向其他的网页或文件

<a href="链接目标" >链接的图像a>
链接图像可以嵌套img标签

（2）设置图像热区链接

图像整体可以是一个超链接的载体，而且图像中的一部分或多个部分也可以分别成为不同的链接，这就是图像的热区链接。
图像链接单击的是图像，而热区链接单击的是图像中的热点区域。

<img usemap="# 热区名称">
<map name="热区名称">
    <area shape="热点形状" coords="区域坐标" href="# 链接目标" alt="替换文字">
map>

创建链接区域元素map,用于在图像元素中定义一个链接区域
在area中定义了热区的位置和链接

4、创建锚点链接

锚点就是指在给定名称的一个网页中的某一个位置，在创建锚点链接前首先要建立锚点

<a name="锚点的名称">a>
名称只能为小写的ASCII字符，不能以数字开头

链接到页面不同位置的锚点链接

<a href="# 锚点的名称">a>

二、插入表单form

1、处理动作action 用于指定表单数据提交到哪个地址进行处理
<form action="表单的处理程序">form> 地址可以是绝对地址、相对地址、其他形式的地址（如邮箱地址）
2、表单名称name 不是必要属性，但一般加上，名称中不能包含特殊字符和空格
3、传送方法method 用于指定在数据提交到服务器时使用哪种http提交方式，取值有get、post
get：表单数据被传送到action属性指定的URL，然后这个新的URL被送到处理程序处
post：表单数据被包含在表单主体中，然后被送到处理程序处
4、编码方式enctype 设置表单信息提交的编码方式，有两种
application/x-www-form-urlencoded 默认的
multipart/form-data MIME编码，上传文件的表单必须选择该项
5、目标显示方式 target 用来指定目标窗口的打开方式，目标窗口往往用来显示表单的返回信息

<form action="[email protected]" name="邮件" method="get" enctype="multipart/form-data" target="_blank">form>