可不可以详细的给我讲一下在html中插入图片的过程从获取图片建立网页文件夹开始以及如何储存_随笔

①需要一个网页文件和一个放图片的文件夹。

②网页文件：可以新建以个”文本文档“，然后把名字”新建文本文档.txt“改为”index.htm“。

【当然，不一定要用”index“这个名，尽量不要是中文就行】

③获取图片？可以用网上看到的图片，也可以下载到自己电脑里的图片。

区别是图片的地址不同：

例如我的百度头像图片地址是http://img.baidu.com/img/iknow/avarta/66/r6s1g4.gif&nbsp

而放在images文件夹里的图片的地址是..images/name.gif

网上的图片怎么下载？对着图片点右键选”图片另存为“

④下面是简略的网页文件内容：【可以用笔记本打开】

在网页文件里写入下面的代码

<html>

<body>

</body>

</html>

插入网上的图片，就是在<body>和</body>之间插入下面代码：

⑤最后变成：

⑥打开index.htm后：

【没想到我今晚居然弄了这些东东。。。】

当然可以，相对路径是相对于当前目录位置而言的，一但调入文件index.html或图片所在目录的位置发生变化则图片就不会被显示，而将起始文件index.html和图片文件目录放置在同一个目录中时用相对路径会比较方面，只要整体移动就不会有问题，因此养成良好的编程习惯相当重要。

<!DOCTYPE html>

<html>

<head>

<style>

li img{

display:none

}

li:hover img{

display:block

}

</style>

</head>

<body>

<ul>

<li>

<div>swwwwwwww</div>

</li>

</ul>

</body>

</html>

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

可不可以详细的给我讲一下在html中插入图片的过程从获取图片建立网页文件夹开始以及如何储存