HTML&CSS基础学习笔记1.9-添加图片
来源:互联网 发布:usb虚拟打印机端口 编辑:程序博客网 时间:2024/06/09 20:57
<img>标签是用来添加图片的~
<img>标签的使用方法:
<img src="图片的地址">
先来看段实例代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<img src="http://www.mayacoder.com/upload/images/清新.jpg">
</body>
</html>
网页页面是怎样的呢?看下图吧:
当然,有时候我们的图片链接失效了,为了防止这种情况的发生,我们往往会为图片失效这个情况进行一个处理,即使用alt属性。
<img>标签的alt属性使用方法:
<
img
src
=
"url"
alt
=
"图片显示失败时显示的文本"
/>
直接上实例代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<img src = "url" alt = "水仙花"/>
</body>
</html>
为了达到图片失效效果,特地将src写成“URL”
结果是这样的:
更多学习内容,就在http://www.mayacoder.com/lesson/index
0 0
- HTML&CSS基础学习笔记1.9-添加图片
- HTML&CSS基础学习笔记1.10-添加链接
- HTML&CSS基础学习笔记1.28-给网页添加一个css样式
- html css学习笔记-图片操作实例
- HTML+CSS零基础学习笔记
- 《HTML+CSS基础课程》学习笔记一
- 《HTML+CSS基础课程》学习笔记二
- 《HTML+CSS基础课程》学习笔记三
- 《HTML+CSS基础课程》学习笔记四
- 《HTML+CSS基础课程》学习笔记五
- 《HTML+CSS基础课程》学习笔记六
- 《HTML+CSS基础课程》学习笔记七
- 《HTML+CSS基础课程》学习笔记八
- 《HTML+CSS基础课程》学习笔记九
- 《HTML+CSS基础课程》学习笔记十
- 【慕课网】HTML&CSS基础课程学习笔记
- html+css基础笔记
- html+css基础笔记
- plsql 登录 01034 27101 , startup ORA-00119 ,ORA-00132
- GridControl获取同列多个汇总中的某一个汇总值
- Linux系统结构
- 生成格雷码(腾讯2016研发工程师编程题)
- 7.8.实验 解题参考
- HTML&CSS基础学习笔记1.9-添加图片
- POJ1321(DFS深搜)
- IO流
- hdu_5085_Counting problem(莫队分块思想)
- eclipse js 格式化的xml文件,直接导入到eclipse就可以用
- 自定义时间格式模板
- 李迅雷:大城市化和居民加杠杆能支撑房价多久
- LoRaWAN版本历史及协议格式说明
- Jquery判断复选框 input type = checkbox 全部选中 ;全部不选中;其中不选中 则 全部就不能被选中;