htmlimg html标签作用

HTML怎样实现图片在文字上方显示

1、在div里面书写了一些文字，然后想要在放入一张图片。；

2、首先，我们应该先给div设置宽度和高度，保证文字有一个范围。；

3、然后通过background给div添加一张图片作为它的背景。；

4、通过url()来连接图片，url里面放置的就是背景图片的路径。；

5、放一张图片用作背景，注意，路径要写对。；

6、保存之后文字就会覆盖在图片的上面了，而如果使用img标签，则没有这种效果。

怎么添加图片代码

代码是“<img scr = '图片地址'>”。

1、新建html文件，在body标签中添加img标签，img标签在html中没有结束标签，所以不需要添加“</img>”代码。给img标签添加属性“src”，属性值填自己想要添加图片的地址，这里以同一目录下的1.png为例，这样图片就添加好了:

2、为了防止用户浏览网页时图片加载失败而不知道这边是什么内容，可以给img标签添加“alt”属性，属性值填想要显示的内容，这里以“鹦鹉”为例，此时，当图片加载失败时，“鹦鹉”两个字就会显示出来：

3、img插入的图片大小默认是图片自身的大小，我们可以用“width”属性和“height”属性控制图片大小，这里以宽度200和高度200为例，此时代码就是“width='200' height='200'”，这样图片大小就会变成200*200：

为什么保存网页后图片看不到

看不到网页上的图片原因有很多，但主要有一下几种，建议对症下药：

1、网站图片的地址错误，这个网站的的问题，你是解决不了的；

2、图片过大，图片资源过大会导致加载时间慢，很多时候其实不是图片显示不出来，而是加载时间过慢，你需要多一些耐心等待；

3、本地网速慢，如果你自己的带宽不够，或者别的资源正在占用你浏览网页的带宽，这个时候图片显示就会很慢。在图片出来的时候会显示一个叉号。你鼠标右键去点击图片，然后选择显示图片他就出来了；——————————————希望可以对你有帮助

回答如下：可能是因为网页中的图片使用的是动态链接或者图片链接地址已经改变，保存后图片的链接地址无法正确访问到图片。

另外，有些网页可能会使用 JavaScript 或者 CSS 等技术来动态加载图片，这种情况下保存网页后无法正确显示图片。建议使用截图工具或者插件来保存图片。