鱼C论坛

 找回密码
 立即注册
查看: 2494|回复: 1

[学习笔记] 【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:来源

本帖被以下淘专辑推荐:

  • · HTML5|主题: 10, 订阅: 2
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2020-4-8 07:41:34 | 显示全部楼层
沙发!
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-11-23 09:08

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表