接上篇
<img src="图片与html在一个文件夹.jpg" alt="图片不显示时显示的文字内容(替换文本)" titlt="鼠标悬浮于图片时显示的文字内容(提示文本)"/>
图像标签注意点:
1、属性在标签名后面
2、各个属性之间没先后顺序,之间用空格分开
3、属性采用健对值,例如,key-"value"格式,属性=“属性值”
路径
1、目录文件夹(images, index.html)
2、根目录:打开目录文件夹的第一个文件
3、相对路径:同一级路径、下一级路径、上一级路径
4、绝对路径:指目录下的绝对位置,直接到达目标位置,通常是指从盘符开始的路径(绝对路径容易丢失图片,一般都是使用相对路径)
例如:
链接标签
1、超链接标签:<a href="跳转目标" target="目标窗口的弹出方式"> 文本或图像 </a>
注意:target 默认的值是“_self”当前窗口打开页面 _blank新窗口打开页面
例:<a href="www.baidu.com" targrt="_blank">点击进入百度链接</a>
2、内部链接:网页内部页面之间的相互连接
例:<a href="gongsijianjie.html">公司简介</a>
3、空链接:
例:<a href="#">公司简介</a>
4、下载链接:href里边地址是个压缩包.zip或者是文件.exe等形式
例:<a href="img.zip">下载文件</a>
5、网页元素的链接
例:<a href="www.baidu.com"><img src="img.jpg"/></a>(该例子效果是点击图片即可前往百度)
6、锚点链接:点击链接可以快速定位到页面中某个位置
<a href="#life">个人生活</a><br/>
<h3 id="life">个人生活介绍</h3>