HTML里面怎么插入图片??

HTML里面怎么插入图片??,第1张

用DREAMWEAVER或是其它开发工具等都是可以实现的,如在DREAMWEAVER开发为例:

可以选择在设计模式下,在菜单栏中选择-插入-图片,选择图片即可

如果写html代码,那在想插入图片的地方中加:<img src="图片的路径" />

<html>

<head>

</head>

<body>

<img src='b.jpg'/>

</body>

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

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

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

插入图片可以使用img标签来实现。

1、新建html文件,如图所示,在body标签中插入img标签,需要注意的是,img在html中没有结束标签,所以不需要添加“</img>”。给标签添加“src”属性,属性值填写想要添加图片的路径,这里以和html同一目录下的1.png为例,这样图片就插入完成了:

2、为了防止用户浏览网页时无法加载图片,可以给img标签添加“alt”属性,这个属性可以在图片加载失败时显示出来以告诉用户这里是张什么图片,还可以在用户将鼠标放在图片上是显示提示信息,这里以属性值“鹦鹉”为例:

3、img标签中插入的图片宽和高默认是图片自身的宽和高,如果想要自定义宽和高的话,可以用“width”和“height”来控制,这里以宽和高都是200为例,为width”和“height”设置属性值为“200”:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6212099.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-18
下一篇 2023-03-18

发表评论

登录后才能评论

评论列表(0条)

保存