HTML学习笔记-a标签+URL+img(三)

html标签——<a>超级链接

什么是超级链接？

所谓的超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。

超级链接的分类
按使用对象的不同分为：文本超链接，图像超链接，E-mail链接，锚点链接，多媒体文件链接，空链接等。
按URL的不同
绝对URL链接：网站的完整路径 http://www.sina.com.cn
相对URL链接：本站点的不同页面上去
书签：链接到网页的不同部分。

属性 值 含义
href
URL 链接的目标URL。
name
name名 为当前锚定位设置一个名称，以便它能够被其他链接所定位。
target
_blank在新窗口中打开目标网页
_self在当前窗口中打开目标网页
_top整个浏览器窗口
_parent多框架结构中父窗口 定义href指向的页面打开位置

href属性指定目标网页地址。该地址可以有几种类型：
链接远程目标：通过URL地址链接到远程目标。
链接本地页面：可以通过相对路径或者绝对路径链接本地页面。
相对路径：指相对于当前页面位置的路径
./：表示当前页面所在的目录
../：表示当前页面所在的上一级目录
绝对路径：绝对路径指当前站点中确切的路径，一般以”/”开始
例如：<a href=“/admin/index.php”>后台首页</a>

锚点链接同一页面不同位置
当网页很长时，可以使用锚点在页面中定义一些点，通过超链接可以直接跳转到锚点。
定义锚点：<a name=“top”>文档顶部</a>
链接到锚点：<a href=“#top”>返回顶部</a>

举例说明
链接到远程地址

<a href=“http://www.sina.com.cn”>新浪网</a>
<a href=“http://www.qq.com”>腾讯网</a>

链接到本地文件：
相对路径：<a href=“include/login.html”>登录页面</a>
绝对路径：<a href=“/html/123.html”>国内新闻</a>
链接到邮箱：

<a href=“mailto:976296751@qq.com”>给我发邮件</a>

下载文件：

<a href=“/download/winRAR.rar”>下载WinRAR</a>
<a href=“download/office2007.rar”>下载office2007</a>

URL统一资源定位符

什么是URL？
URL是统一资源定位器(Uniform Resource Locator)的缩写，也被称为网页地址，是因特网上标准的资源的地址。
URL举例
http://www.sohu.com/stu/intro.html
http://222.172.123.33/stu/intro.html
URL地址由4部分组成
第1部分：为协议：http://、ftp://等
第2部分：为站点地址：可以是域名或IP地址
第3部分：为页面在站点中的目录：stu
第4部分：为页面名称，例如 index.html
各部分之间用“/”符号隔开。

<img>图像

属性 值 含义
src 图像URL 规定图像的URL
alt 字符串 规定图像的替代文本
align top,bottom,middle
left,right,center 规定如何根据周围的文本来排列图像。
width px | % 图像的宽度
height px | % 图像的高度
border px 定义图像的边框粗细
usemap URL 定义作为客户端图像映射的一幅图像。

如果不使用width和height属性，图像将保持原始大小，如果只指定其中某一个属性，则另一个属性按比例缩放。
图像加链接：<a href=“#”><img src=“1.jpg” /></a>