HTML之超链接

图像标签

图像标签为 <img> ,它是行内元素,其主要功能是在网页里面插入图像,所插入图片由属性 scr 属性决定。主要格式为 <img scr="URL"> ,其中 scr 属性是必要的。

另外其还有以下的属性:

属性 功能
width 指定图像的显示宽度
height 指定图像的显示高度
hspace 定义图像左侧和右侧的空白
vspace 定义图像顶部和底部的空白
align 指定图片的对齐方式
borber 指定图片的边框大小
alt 如果图片无法显示,代替图像的说明文字

 设置图像的宽度和高度

 <img scr="URL" width="" height=""> ,其中 width 和 height 的单位可以是像素,也可以是百分比,百分比表示图像为浏览器窗口大小的百分比。另外,只设置其中的一个,则另一根据已设置的属性按原图等比显示。

设置图像水平间距和垂直间距

 <img scr="" hspace=""> 

 <img scr="" vspace="">  

 设置图像的提示信息与边框

 <img scr="URL" border=""> 

 border 的值用数值,默认单位px。而在一般情况下,图像默认没有边框。另外,图片边框的颜色不可调整,默认为黑色,当图片作为超链接使用时,图片边框的颜色和文字超链接的颜色一致,默认为深蓝色。

 <img scr="URl" alt=""> 用于对图片信息进行描述。

设置图像的对齐方式

 <img scr="URL" align=""> 与其他元素不同的是图像的align属性既包括水平对齐方式,也包括垂直对齐方式。默认值为bottom。

超链接

普通链接

<a href="URL" title="提示文字" target="窗口名称">超链接名称</a>

 href :定义了这个链接所指的目标地址,也就是路径。

 title :给链接添加提示信息。

 target :指定链接的目标窗口,有4个值:

  •  _blank :在新窗口中打开被链接文档;
  •  _self :默认,在相同的框架中打开被链接文档;
  •  _parent :在父框架集中打开被链接文档;
  •  _top :在整个窗口中打开被链接文档。

书签链接

(1)在同一个页面内使用书签链接:

<a href="#书签名称" target="窗口名称">链接标题</a>

 

(2)在不同页面使用书签链接:

<a href="URL地址#书签名称" target="窗口名称">链接标题</a>

 

两者链接到的目标为: 

<a name="书签名称">链接内容</a>

电子邮件链接

<a href="mailto:E-mail地址[?subject=邮件主题&[参数=参数值]]">链接内容</a>

 

说明 :

(1)电子邮件链接的功能只有在浏览器端正确安装了电子邮件软件时才能正确运行;

(2)mailto:表示电子邮件链接的属性,其后跟具体的电子邮件地址;

(3)可以添加多个参数,当然必须用“&”来进行分割;

(4)多个邮件地址用“;”隔开;

(5)需要用“%20”来代替空白;

参数 说明
subject 电子邮件主题
cc 抄送收件人
bcc 暗送收件人,收件人和抄送人看不到暗送人
body 邮件内容

 

带主题的邮件链接:

<a href="mailto:email@address.com?subject=Hello">链接内容</a>

 

带多个参数的邮件链接:

<a href="mailto:email@address.com?subject=Hello &cc=abc@address.com&bcc=bca.com@">链接内容</a>

 

有多个收件人的邮件链接:

<a href="mailto:email@address.com;aa@addression.com?subject=Hello &cc=abc@address.com&bcc=bca.com@">链接内容</a>

FTP链接

FTP是一种文件传输协议,它是计算机与计算机之间能够互相通信的语言,通过FTP可以在Internet上获得丰富的资源。

<a href="ftp:/.../">链接内容</a>

下载文件的链接

只需要在链接地址处输入文件所在的位置即可。

<a href="URL">链接内容</a> 
posted @ 2019-03-31 14:44  Mingle_Yuan  阅读(400)  评论(0编辑  收藏  举报