img图像标签和超链接标签a
图像标签
语法:
<img src="" alt="".../>
img属性:
src="" 显⽰图像的URL
alt="" ⿏标放在图⽚上显⽰的⽂字,⽤于⽹速太慢,src属性中的错误,或者浏览器禁⽤图像
height= 数值和百分⽐图像的⾼使⽤百分⽐时,图⽚⾼度会随着其⽗元素的⾼变化⽽变化
width= 数值和百分⽐图像的宽使⽤百分⽐时,图⽚宽度会随着其⽗元素的宽变化⽽变化
绝对路径:从盘符开始写的路径。
相对路径:图⽚相对于开发⽹页的路径。
⽹页与图⽚同⼀⽬录下:
<img src="1.jpg"/>
图⽚在⽹页上⼀级⽬录中:
<img src="../1.jpg"/>
图⽚在⽹页下⾯⼀级⽬录:
<img src="⽂件名/1.jpg"/>
超链接标签
语法:
<a href="">内容</a>
当链接为空的时候,点击超链接会刷新页⾯。<a href="">刷新<a/>
href:链接地址,可以是内部链接(站内链接使⽤相对连接)或者外部链接(站外链接要⽤绝对链接)。
a的其他属性:
href标签怎么用target="_self" 在本窗⼝进⾏跳转
target="_blank" 新建⼀个窗⼝
target="_top" 在框架中的原来窗⼝打开
target="_parent" 在框架中的⽗窗⼝进⾏跳转
title="" ⿏标悬浮在链接上⾯时提⽰该链接的内容
name="" 链接命名,俗称锚。在也锚时,⼀定要#+锚名。
同⼀页⾯进⾏跳转到的超链接标签,定义锚,锚定义下那⾥就以锚名所在的位置为起始位置显⽰在⽹页第⼀⾏:
<a href="#锚名1"> ⽬录1</a>
<a href="#锚名2">⽬录2</a>
在页⾯中有时候可以使⽤空连接进⾏定位,如:
<a name="JsText"></a>
同⼀⽹页进⾏跳转的步骤:
1,在需要跳转的位置设置锚名(这⾥可以是⼀个空连接<a href="" name="position">产品介绍</a>)
2,在设置点击跳转链接如:<a href="#position">产品介绍</a> 注意跳转链接是使⽤href指定要跳转的位置。这⾥⼀定要使⽤#+锚名。锚点链接,命名锚点使⽤的是name属性值; href属性⽤于指定要链接内容的地址.
超链接标签
定义锚:(不同页⾯的锚点)
1,<a href="⽹页#锚名">...</a>
2,<a name="锚名">...</a>
锚链接和超链接都是使⽤<a>标签定义;命名锚点使⽤<a>标签的name属性值,
使⽤<a>标签的 href属性指定要链接到锚点的位置,可跳转到同⼀⽹页和不同⽹页内;超链接打开⽹
页。
跳转到同⼀页⾯超链接设置的锚位置<a href=“#锚名”>,跳转到不同页⾯中超链接设置的锚位置<a href=“⽹页名#锚名”>。
发送邮件
使⽤超链接拓展到发送邮件(如果想要发送成功就必须安装邮箱软件):
<a href="mailto:304676177@qq">反馈意见</a>
下载⽂件
<a href="下载⽂件的地址即可下载">⽂件下载</a>
<a href="pictures.rar">下载⽂件</a>
<a href="Documents.rar">下载⽂件</a>
浏览器会根据下载地址进⾏判断,如果改地址是进⼊官⽹地址进⾏,那就直接进⼊官⽹下载页⾯。
如果是直接进⾏下载,那么就会直接跳出下载窗⼝进⾏下载。浏览器会⾃动判断如何下载,再显⽰窗⼝。此外还可以在连接上右击---选择---另存为...(修改下载存放⽬录)
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论