HTML&CSS基础学习笔记1.9-添加图片 -

octopole

浏览: 71176 次
性别:
来自: 杭州

最近访客更多访客>>

wapapapapapapow

cyouakari

zhoufh

loiyil

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

HTML&CSS基础学习笔记1.9-添加图片

博客分类：

HTML

html <img>图片

<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
顶

1
踩

分享到：

Python新手学习基础之运算符——算术运算符 | Python新手学习基础之数据类型——字符串的 ...

2016-07-19 09:51
浏览 654
评论(2)
分类:Web前端
查看更多

2 楼 octopole 2016-07-20

1 楼 octopole 2016-07-19

知识分享~~~

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

HTML&CSS基础学习笔记1.9-添加图片

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

HTML&CSS基础学习笔记1.9-添加图片

评论

发表评论

相关推荐

HTML&CSS基础学习笔记1.33-元素选择器

HTML&CSS基础学习笔记1.32-选择器是什么

HTML&CSS基础学习笔记1.31-像素和相对长度

HTML&CSS基础学习笔记1.30-颜色的表达

HTML&CSS基础学习笔记1.29-灵活地使用样式

HTML&CSS基础学习笔记1.28-给网页添加一个css样式

HTML&CSS基础学习笔记1.27-input提交数据

HTML&CSS基础学习笔记1.26-input重置表单

HTML&CSS基础学习笔记1.25-input标签的选择文件和隐藏元素

HTML&CSS基础学习笔记1.24-input标签的单选与多选

HTML&CSS基础学习笔记1.23-表单的文本域和下拉列表

HTML&CSS基础学习笔记1.22-简单的注册页面

HTML&CSS基础学习笔记1.21-语义化标签

HTML&CSS基础学习笔记1.20-DIV标签2

HTML&CSS基础学习笔记1.19-DIV标签1

HTML&CSS基础学习笔记1.18-表格的边框

HTML&CSS基础学习笔记1.17-表格头部与尾部

HTML&CSS基础学习笔记1.16-单元格间距和表格主体

HTML&CSS基础学习笔记1.15-合并单元格

HTML&CSS基础学习笔记1.14—有序列表及列表嵌套

最近访客更多访客>>