HTML&CSS基础学习笔记9-添加图片
2016-08-22 10:55
711 查看
<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属性使用方法：
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<img src = "url" alt = "水仙花"/>
</body>
</html>为了达到图片失效效果，特地将src写成“URL”
更多学习内容，就在http://www.mayacoder.com/lesson/index 结果是这样的：
<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 结果是这样的：
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 在Windows 8.1的IE 11中屏蔽双击放大功能
- HTML5调用摄像头实例
- Powershell 创建炫丽美观的Html报表
- 设计模式---状态模式在web前端中的应用
- Apple官网研究之使用Justify布局导航
- 关于前端的思考与感悟
- 又被事件冒泡坑了一把，这次要彻底弄懂浏览器的事件流
- 移动端点击事件全攻略，这里的坑你知多少？
- $q 实例分析 Angular 中的 Promise
- Angular directive 实例详解
- 关于浮动与清除浮动，你应该知道的
- Microsoft Windows Vista 简体中文企业版 MVL DVD IMG 32-bit(1.9GB)
- 通过Mootools 1.2来操纵HTML DOM元素
- li中插入img图片间有空隙的解决方案
- jQuery Html控件基本操作(日常收集整理)
- WEB标准网页布局中尽量不要使用的HTML标签
- img的onload的另类用法
- Flash 与 html 的一些实用技巧