【HTML5】第九期
今早不知道为啥,特别早就醒了,天都黑摸摸的。现在倒还好,还有太阳,虽然暂时还照不到我,不过看着也挺舒服的。
复习单词吧:margin,decoration,absolute,忘了的话可以去上一期的最后看一下,或者直接百度。
好了,让我们开始元气满满的一天吧!
今天主要讲一下如何在网页中插入一张图片。
<img src="a.jpg" alt="抱歉,你的浏览器不能显示我们的图片">
今天讲的就是img元素,它用于在网页中加入一个图片。
src属性指定了图片的地址,我们这儿是假设在我们HTML文件的同一个目录下有一个名字叫做a.jpg的图片,如果没有在同一个文件夹下面,请看第六期的内容讲解。
alt属性用于在我们的图片无法显示的时候,就会出现alt属性中我们事先写入的东西。
是不是很简单?请记住,使用img元素,必须正确指定图片的地址,我们这儿是假设在同一个目录下有一个名字叫做a.jpg的图片。
img元素通常都是放在body元素里面的,所以你们现在可以想一想该怎么放进去了,然后想好了再看下面的内容对比一下:
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<title>这是网页的标题</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<h1>标题</h1>
<p>接下来我会插入一张图片</p>
<img src="a.jpg" alt="抱歉,你的浏览器不能显示我们的图片">
</body>
</html>
好了,今天到此为止了,记单词吧:
header:页眉
footer:页脚
source:来源 沙发!{:10_256:}
页:
[1]