【HTML5】第九期

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

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

今早不知道为啥，特别早就醒了，天都黑摸摸的。

现在倒还好，还有太阳，虽然暂时还照不到我，不过看着也挺舒服的。

复习单词吧：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

沙发！

账号		自动登录	找回密码
密码			立即注册

[学习笔记] 【HTML5】第九期

马上注册，结交更多好友，享用更多功能^_^

本帖被以下淘专辑推荐: