HTML52016-7-28课堂笔记
2016-7-28课程总结
这节课程老师给我们讲解了链接、锚点、图像、图片相对地址的定义(重点)及图像热区。
- 链接:
<a href=”URL”>~</a>
说明:
Href 定义链接地址
Title 链接提示信息
Target 链接打开方式(_blank 行的空白页,_self 当前页面,_top)
常规应用:
<a href=http://www.baidu.com>外部链接</a>
<a href=“about.html”>内部链接 </a>
其他应用:
<a href=“mailto:邮箱地址”>邮件链接</a>
<a href=“tel:电话号码”>一键拨打</a> 一般用于手机网页
<a href="sms:139xxxxxxx">一键发送短信</a> 一般用于手机网页
- 锚点
锚点标签用于使用户“跳”到文档的某个部位。
<a href=”#位置名”>~</a>
<a name=”位置名”>~</a>
3.图像
<img src=”URL” width=”100” height=”100” alt=”替代文字”/>
说明:
src 定义图像的url
alt 定义图像的替代文本(例如图片不存在或加载慢)
width 设置图像的宽度
height 设置图像的高度
4.图片相对地址的定义(重点)
情形 |
Html文件位置 |
图片位置 |
写法 |
同一目录 |
F:/html/01.html |
F:/html/01.jpg |
<img src=”01.jpg”/> <img src=”./01.jpg”/> |
下一层目录 |
F:/html/01.html |
F:/html/image/01.jpg |
<img src=”imag01.jpg”/> |
上一层目录 |
F:/html/01.html |
F:/01.jpg |
<img src=”../01.jpg”/> |
同一层不同目录 |
F:/html/01.html |
F:/image/01.jpg |
<img src=”../imag01.jpg”/> |
说明:
./ 当前目录
../ 回到上一层目录
images/ 进入一层目录
../images/ 回到上一层目录,然后再进入images目录
5.图像热区
<img src="URL" usemap="# map 名称" />
<map name="map 名称">
<area shape="形状" coords="坐标值" href="URL" />
</map>
说明:
shape 热区形状(rect方形、circle圆形、poly多边形 )
coords 形状的坐标值