风吹来了 发表于 2020-4-8 07:04:20

【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:来源

weiter 发表于 2020-4-8 07:41:34

沙发!{:10_256:}
页: [1]
查看完整版本: 【HTML5】第九期