HTML学习 <4>
来源:互联网 发布:昆明癫闲军海网络援助 编辑:程序博客网 时间:2024/05/29 21:37
一、HTML图像
图像标签<img>和源属性src
src指source,源属性的值指的是图像url地址
1.1、替换文本属性art
alt属性用来为图像定义一串预备的可替换文本,alt对应的值是用户自定义的。
<img src="boat.gif" alt="big boat" />
alt作用:当浏览器无法载入图像时,替换文本属性告诉读者他们失去的信息。此时浏览器显示这个替代性的文本而不是图像。
提示:为页面上的图像都加上替换文本信息是个好的习惯。这样有助于显示信息,且对于那些使用纯文本浏览器的用户来说是非常有用的。
二、实例展示
2.1、背景图片
<html>
<body background="w3school.com.cn/i/eg_background.jpg">
<h>图像背景</h>
<p>如果图像小于页面,图像会进行重复</p>
</body>
</html>
2.2、浮动图像
使图像浮动至段落的左边或右边
<html>
<body>
<p><img src="w3school.com.cn/i/eg_cute.gif" align="left">
带有图像的一个段落,图像的align属性设置为left,图像浮动到文本左侧。
</p>
</body>
</html>
2.3、调整图像尺寸
<html>
<body>
<img src="w3school.com.cn/i/eg_cute.gif" width="200" height="100" />
</body>
</html>
2.4、图像链接
<html>
<body>
<a href="w3school.com.cn/example/html/lastpage.html">
<img src="w3school.com.cn/i/eg_buttonnext.gif" />
</a>
</body>
</html>
- HTML学习笔记(4)
- HTML学习(4)图像
- HTML学习-4-属性
- HTML学习4
- 学习html(4)
- Html学习笔记4
- Html学习笔记4
- HTML学习 <4>
- HTML学习小记4
- HTML学习记录4
- HTML学习笔记<4>
- html学习笔记4
- Html学习---4
- HTML标签学习4
- html学习 -4
- HTML学习笔记(4)--HTML样式
- Html学习笔记(5)-Html标签(4)
- Html学习笔记(4)-Html标签(3)
- 获得每月的最后一天日期
- node.js(3) 模块加载机制
- 别以为真懂Openstack: 虚拟机创建的50个步骤和100个知识点(2)
- 模拟器出现Starting emulator for AVD PANI:Could not ope:a
- 第13章 使用打印机
- HTML学习 <4>
- GraphLab Integration with Spark Open Source Release
- svn的应用
- OC之字符串及其操作函数
- FormData对象异步上传文件
- 别以为真懂Openstack: 虚拟机创建的50个步骤和100个知识点(3)
- Ubuntu12.04下安装opencv2.4.9
- BMP文件
- 计算机视觉基本知识