学习《HTML+CSS基础课程》的笔记---第四篇:认识标签（第三部分）

1.<a>标签

使用<a>标签，链接到另一个网页。语法为：<a href="目标网址" title="鼠标滑过时所显示的文本">链接存放处所显示的文本</a>。作用为：单击链接存放处所显示的文本时，网页将会链接到目标网址，鼠标滑过链接存放处所显示的文本时，将会另外显示鼠标滑过时所显示的文本，主要是为了链接代码语义化更加友好。

并且，加入链接的文字会变成蓝色，点击过后会变成紫色，后期可以通过css进行调整。

<a>标签在默认情况下链接的网页是在当前页面打开，如果需要新建浏览器窗口打开链接的网页，代码如下：

<a href="目标网址" target="_blank">click here!</a>

2. 使用mailto在网页中链接Email地址

<a>标签还有一个作用是可以链接Email地址，使用mailto能让访问者便捷向网站管理者发送电子邮件。

详情如图所示：

如果mailto后面同时有多个参数的话，后面的第一个参数必须以“?”开头，后面的参数每一个都以“&”分隔。
详情如图所示：

3. <img>标签

在网页制作中使用<img>标签来插入图片，图片是网页打开是自动加载的。语法为：<img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="图片地址" alt="下载失败时的替换文本" title = "提示文本">

• src：标识图像的位置；
• alt：指定图像的描述性文本，当图像不可见时（加载不成功时），可看到该属性指定的文本；
• title：提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)；
  图像可以是GIF，PNG，JPEG格式的图像文件。

`