图像标签和源属性

作者:李坤凤
本次任务完成时间:2019年6月25日
开发工具与关键技术:开发工具:HTML 关键技术: 图像标签和源属性

1、图像由标签定义,是空标签,意思说,它只包含属性,并没有闭合标签。
2、要在页面上显示图像,需要使用源属性(src),src指"source",源属性的值是图像的URL地址。
3、alt属性用来为图像定义一串预备的可替换的文本,替换文本属性的值是用户定义的。
4、背景图片,在标签中定义图片,做成背景图片,不设置宽度与高度,让图片自行适应。
在这里插入图片描述
5、如果图片小于页面,图像会进行重复,图像小于页面的宽度与高度,就无限的重复图片,知道把页面填充满。
在这里插入图片描述
5、排布图片,在文字中排布图像。
在这里插入图片描述
6、排布已设置对齐的图片,bottom对齐方式是默认的对齐方式。
在这里插入图片描述

7、代码
<bodybackground="img/0fabab054c0c097ec029da3ce59b2420.jpg">
<h3>图像背景</h3>
<p>gif和jpg文件均可用做背景</p>
<p>如果图像小于页面,图像会进行重复</p>
<div class="sence sence3"></div>	
<h2>未设置对齐方式的图片</h2>
<p>图像<img src="12333332/img/UC截图20190622090759.png"></p>
<h2>已设置对齐方式的图片</h2>
<p>图像<img src="12333332/img/123捕获.PNG" align="bottom"></p>
<p>图像<img src="12333332/img/123捕获.PNG" align="bottom"></p>

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值