超链接标签、链接地址、锚文本及图片标签

点击<a>标签可以链接跳转到其他页面,通常写法<a href="链接地址" title="" target="_blank">文本</a>,其中title=""属性的作用:鼠标滑过链接文字时会显示这个属性的文本内容,只要为文本加入a标签后,文字的颜色就会自动变为蓝色(被点击过的文本颜色为紫色)通过css样式可以修改:(a{color:#000});除此之外,<a>标签在默认情况下,链接的网页是在当前浏览器窗口中打开,有时我们需要在新的浏览器窗口中打开怎么办?<a href="目标网址" target="_blank">click here!</a>默认当前窗口打开,把 target="_blank"修改为target="_shelf"(至于a锚文本写法,阅读:HTML基础标签图片文本超链接列表表格介绍)

<a>标签还有一个作用是可以链接Email地址,使用mailto能让访问者便捷向网站管理者发送电子邮件,写法: <a href="mailto:yy@imooc.com ? cc=xiaoming@imooc.com & bcc=xiaoyu@imooc.com & subject=主题 & body =邮件内容">发送</a>我们还可以利用mailto做许多其它事情.注意:如果mailto后面同时有多个参数的话,第一个参数必须以“?”开头,后面的参数每一个都以“&”分隔.拓展展示代码:

 1 
 2 &lt;html lang=&quot;en&quot;&gt;
 3 &lt;head&gt;
 4     &lt;meta charset=&quot;UTF-8&quot;&gt;
 5     &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
 6     &lt;title&gt;使用mailto在网页中链接Email地址&lt;/title&gt;
 7 &lt;/head&gt;
 8 &lt;body&gt;
 9     &lt;!-- 邮箱地址/浏览器会自动调用默认的客户端电子邮件程序,并在收件人框中自动填上收件人地址 --&gt;
10     &lt;a href=&quot;mailto:yyimooc.com&quot;&gt;发送1&lt;/a&gt;
11     &lt;!-- 抽送地址/在收件人地址后用cc=地址,可以填写抄送地址 --&gt;
12     &lt;a href=&quot;mailto:yy.com?cc=imooc@qq.com&quot;&gt;发送2&lt;/a&gt;
13     &lt;!-- 密件配送地址/在收件人地址后用bcc=地址,可以填写密件配送地址 --&gt;
14     &lt;a href=&quot;mailto:yy@imooc.com?bcc=pp@imooc.com&quot;&gt;发送3&lt;/a&gt;
15     &lt;!-- 多个收件人、抄送、密件抄送人/用分号隔开多个收件人的地址,可以实现发送给多个收件人的功能 --&gt;
16     &lt;a href=&quot;mailto:yy@imooc.com;pp@imooc.com&quot;&gt;发送4&lt;/a&gt;
17     &lt;!-- 邮件主题/用subject=添加邮件主题 --&gt;
18     &lt;a href=&quot;mailto:yy@imooc.com?subject=发送电子邮件&quot;&gt;发送5&lt;/a&gt;
19     &lt;!-- 邮件内容/用body=添加邮件的内容 --&gt;
20     &lt;a href=&quot;mailto:yy@imooc.com?body=hello world&quot;&gt;发送6&lt;/a&gt;
21 &lt;/body&gt;
22 &lt;/html&gt;

<img>标签,为网页插入图片:<img old-src="图片地址" alt="下载失败时的替换文本" title = "提示文本">,其中old-src标识图像的位置;alt:指定图像的描述性文本,当图像不可见时(下载不成功时),可看到该属性指定的文本;title提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)图像可以是gif,png,jpeg格式

声明:该文章系转载,转载该文章的目的在于更广泛的传递信息,并不代表本网站赞同其观点,文章内容仅供参考。

本站是一个个人学习和交流平台,网站上部分文章为网站管理员和网友从相关媒体转载而来,并不用于任何商业目的,内容为作者个人观点, 并不代表本网站赞同其观点和对其真实性负责。

我们已经尽可能的对作者和来源进行了通告,但是可能由于能力有限或疏忽,导致作者和来源有误,亦可能您并不期望您的作品在我们的网站上发布。我们为这些问题向您致歉,如果您在我站上发现此类问题,请及时联系我们,我们将根据您的要求,立即更正或者删除有关内容。本站拥有对此声明的最终解释权。