图像标签的使用:
<img src="D:\浏览器-\图片\首页.png(绝对路径)">
* alt异常图片文字替换*
<img src="img1" alt="当你看到这一行字代表图像异常。alt替换异常图片"/>
* title鼠标放置显示*
<img src="D:\浏览器-\图片\首页.png" title ="当你看到我代表你的鼠标放在了图片上"/>
* width height 设置图片的宽,高:*
<img src="D:\浏览器-\图片\首页.png" width="500" height="300" />
* border 设置图片的边框*
<img src="D:\浏览器-\图片\首页.png" border="15" />
# -----重点:图像标签img src= 是必须要填写的. 图像标签可以拥有多个属性,属性必须写在标签名的后面. 属性不分前后,属性格式:属性="属性值"
图像标签的路径:
专属文件夹里面放,方便取用
相对路径:
获取下一级文件路径里的图片,使用"/" <img src="/文件/img.jpg />
返回上一级路径再获取文件里的图片,使用"../"
<img src="../img.jpg />
超链接
<a href="跳转目标" target="目标窗口的弹出方式">链接显示的字体</a>
(外部链接):
<a href="http://www.baidu.com" target="_blank">这是链接的名字</a>
(内部链接,直接指向本机的文件)
<a href="图像标签.html">标签<a/>
(空链接,目前没有明确的链接目标>
<a href="#">标签</a>
(下载链接,地址链接时 文件.exe 或者时 zip等压缩包形式 下载)
<a href="img.zip">下载</a>
(网页元素的链接,点击图片 表格 音频 视频等 都可跳转)
<a href="http://www.baidu.com"><img src="D:\浏览器-\图片\首页.png"/></a>
(锚点链接,点击链接,可以迅速定位到文件对应的地方)
<a href="#jianjie">简介</a>
<h3 id="简介">简介详情</h3>`(此处注意加上标签,否则会出现无法跳转)`
href 用于指定链接目标的url地址(必须属性),当标签应用为href属性时,他就有了超链接的功能
target 用于指定链接页面的打开方式,其实_self为默认值,_blank为在新窗口中打开