img标签

1.img标签作用:

显示一种图片

<body>
		<img src="img/HBuilder.png" width="200px"alt="发发发" title="没刷新出来"/>
	</body>

src:用来告诉浏览器图片的地址

width:宽度

height:高度

这两个属性用来显示图片的宽高,如果没有指定图片的宽高,系统会默认的宽高来显示,如果指定宽高,系统会按指定的显示手动设置的宽高,有可能会使图片变形

解决办法:只指定宽度或高度中的一个,系统会自动为其分配

title:告诉浏览器,当鼠标放在图片上时,需要弹出的内容

alt:当图片不存在时,会显示alt里面的内容

注意点:和H,p,hr系列标签不一样,img标签不会独占一行。

2.br标签作用

作用:换行

格式:<br>

注意点:1.多个br标签可以连续使用,使用多少个br标签,就会换多少行

2.由于html的作用是给文本添加语义的,而br标签是不另起一个段落换行,所以在企业开发者用P标签代替

3src赋值的两种方式

1.相对路径

同级:直接src=“图片名”

下级:src=“img/图片名”

上级:../

2.绝对路径:每次都是从指定的盘符寻找

注意点;1.路径中不要出现中文,否则会出现未知的错误

2.在企业开发者不使用绝对路径,因为可移植性不好

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值