04-图片和超文本
2018-08-13 本文已影响0人
阅心_5cc2
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--1.图片标签
a.src属性：图片地址（本地地址，网络地址）
本地地址：绝对路径和相对路径
注意：本地图片需要放到工程目录下的img文件夹下
b.title属性：图片的标题（鼠标停留在图片上，隔一段时间显示标题文字）
c. alt属性：图片加载失败后显示的提示信息，只有加载失败的时候才显示。
-->
<img src="./img/11.png" />
<img title = "小可爱" alt = "abc" src="./img/11.png" />
<!--2.超链接
网页上点击后可以跳转的标签都是超链接
a.点击文字跳转
href属性：跳转的地址（可以是网络地址，也可以是本地地址）
网络地址：跳转到对应地址
本地地址：当前工程的其他的html文件路径
空地址或者#：刷新页面会回到顶部
选择器：让网页滚动到网页上的任意的位置
target属性：
——self:在当前页面中打开href的地址
——blank：新建窗口显示所打开href的地址
-->
<a href="http://www.baidu.com" target = "_blank">百度一下</a>
<!--b.点击图片跳转-->
<a href="http://www.baidu.com">
<img src="img/11.png"/>
</a>
</body>
</html>
