怎么在用记事本写的html网页中添加图片啊？_随笔

1、首先，我们要在磁盘文件夹中创建一个记事本，右键单击并选择Create a Notepad。

2、寻找计算机的照片，保存到文件中，以便打开页面。然后，双击打开记事本，在编辑区域中输入以下网页代码：

<html>

<HEAD>

<title>我的第一个空间</ title>

</ HEAD>

<BODY>

</ BODY>

</ HTML>

请注意图像路径是正确的。

3、输入完成后，单击记事本菜单栏中的“另存为...”文件，并将后缀名称更改为.html。

4、然后，双击刚刚保存为.html的文件，即网页文件。此时，您会在浏览器中看到它已打开并且有一张图片。

在HTML中出现图片通常有2种：

①某元素的背景图像【绝大多数元素都可以通过background属性设置其背景图像】

1、直接在html中的标签里设置：

<p style=”background-image:url(xxx.jpg)“>设置一个段落的背景图像</p>

2、在CSS上设置html中的 ”<p>一个段落</p>“ 的背景图像：

p{ background-image:url(xxx.jpg)}

②图像元素img：

1、html中可以用img标签插入图片也可以用css的background插入。具体方法是首先新建一个html文件，里面新建两个div标签，第二个标签中插入img标签并插入图片：

2、然后在上方的style标签中设置第一个div的样式，先给div长度和高度，接着是用background属性引入图片，设置图片不重复以及图片的显示位置j即可：

3、最后打开浏览器就可以看到用两种方法引入的gif的图片了：

欢迎分享，转载请注明来源：内存溢出

怎么在用记事本写的html网页中添加图片啊？