HTML 基础学习笔记——图片

chesir · 发表于 2017-6-20 10:31:40

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

x

图片

<img>标签用于插入图像.它只包含属性,没有结束标签.

可以使用src属性定义图像的 URL(地址)

HTML图像语法:

 <img src="tree.jpg" />

图片位置

你需要放置在引号之间的src属性的图像位置。

例如,如果你在与HTML文件相同的文件夹中有一张名为“tree.jpg”的照片，则您的代码应如下所示：

<!DOCTYPE html>
<html>
<head>
        <title>first page</title>
</head>
<body>
  <img src="tree.jpg" alt="" />
</body>
</html>

*如果无法显示图像，则 alt 属性指定用文字描述图像的备用文本。alt属性是必须的。

图片调整大小

要定义图片的大小,需要使用 width 和 height 属性

该值可以使用像素或百分比形式指定:

*加载图像需要时间，使用大图像可能会减慢你的页面，所以仔细使用它们。

图像边框

默认情况下图像没有边框。使用图像属性中的 border 属性创建图像周围的边框。

 <img src="tree.jpg" height="50%" width="50%" border="1px" alt="三吉彩花" />

展示：

wuyuan2011woain · 发表于 2017-6-21 08:21:47

我是来看图片的

汤圆儿 · 发表于 2020-5-27 11:20:04

三吉彩花

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

[学习笔记] HTML 基础学习笔记——图片