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

html标签——超级链接

什么是超级链接?

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

超级链接的分类
按使用对象的不同分为:文本超链接,图像超链接,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=“http://www.sina.com.cn”>新浪网a>
<a href=“http://www.qq.com”>腾讯网a>

链接到本地文件:
相对路径:登录页面
绝对路径:国内新闻
链接到邮箱:

<a href=“mailto:[email protected]>给我发邮件a>

下载文件:

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

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
各部分之间用“/”符号隔开。

图像

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

如果不使用width和height属性,图像将保持原始大小,如果只指定其中某一个属性,则另一个属性按比例缩放。
图像加链接:

你可能感兴趣的:(html+css)