HTML的框架、锚点、图片和超链接标签

HTML的框架标签

注意:
第一步一定要删除body标签
标签框架学习:
frameset
rows:按照行进行切分页面
cols:按照列进行切分页面
子标签:
frame:进行切分区域的占位,一个frame可以单独加载网页资源
src:资源路径
name:区域名,结合超链接使用

HTML的内嵌标签

内嵌标签:
iframe:
src:
要显示网页的资源路径
可以是本地(相对路径)也可以是网络资源(URL)
注意:
默认当前页面打开及加载src指向的资源
width:设置显示区域的宽度
height:设置显示区域的高度

HTML的锚点

作用:在一张网页中进行资源跳转
使用:
显示用超链接标签在页面指定位置增加锚点,格式:
<a name="锚点名"></a>
使用a标签可以跳转指定的锚点,达到网页内部资源跳转的目的。格式:
<a href="#锚点名">访问方式</a>

HTML的图片标签

图片标签:
img:
src:图片路径
本地资源路径:一般本地图片资源使用相对路径即可
网络资源路径:图片资源的URL地址
width:设置图片的宽度,如果是单独设置,则在图片保持不失真的情况下自动缩小或放大
单位可以是px或者百分比
height:设置图片的的高度,如果是单独设置,则在图片保持不失真的情况下自动缩小或放大
单位可以是px或者百分比
title:图片标题,当鼠标放在图片上的时候会显示
alt:图片加载失败后的提示语
相对路径:从当前文件出发查找另一个文件所经过的路径
绝对路径:从根盘符出发查找文件路径
注意:图片是不会自动换行的(行内元素)

HTML的超链接标签

a标签:
href:要跳转的网络资源路径
本地资源:相对路径
网络资源:网络资源的URL
注意:超链接标签一定要生命访问方式,访问方式可以是文字也可以是图片
target:指明要跳转的网页资源显示位置
_self: 在当前页中刷新显示
_blank:在新标签页中显示
_top:在顶层页面中显示
_parent:在父级页面中显示

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值