手记

学习《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 src="图片地址" alt="下载失败时的替换文本" title = "提示文本">

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

`

1人推荐
随时随地看视频
慕课网APP