<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>了不起的盖茨比</title>
</head>
<body>
<ul>
<li><a href="目标网址" title="鼠标滑过显示的文本">第一个跳转</a> </li>
</ul>
<p>为了追寻他的美国梦,他搬入纽约附近一海湾居住。</p>
<p>菲茨杰拉德,二十世纪美国文学巨擘之一,兼具作家和编剧双重身份。</p>
</body>
</html>
1.<a></a>
超链接标签。title属性的作用,鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大,主要方便搜索引擎了解链接地址的内容(语义化更友好)。
(1).target(目标)
<a>
标签在默认情况下,链接的网页是在当前浏览器窗口中打开,有时我们需要在新的浏览器窗口中打开。
如下代码:
<a href="目标网址" target(目标)="_blank">click here!</a>
(2).mailto(发送邮件)
<a>
标签还有一个作用是可以链接Email地址,使用mailto能让访问者便捷向网站管理者发送电子邮件。
注意:如果mailto后面同时有多个参数的话,第一个参数必须以“?
”开头,后面的参数每一个都以“&
”分隔。
2.<img></img>
图片标签。
讲解:
(1)、src:标识图像的位置;
(2)、alt:指定图像的描述性文本,当图像不可见时(下载不成功时),可看到该属性指定的文本;
(3)、title:提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本);
(4)、图像可以是GIF,PNG,JPEG格式的图像文件。
<img src="http://img.mukewang.com/52da54ed0001ecfa04120172.jpg" alt = "My Image" title="电影介绍">