很多站长朋友们都不太清楚html中图标怎么插入，今天小编就来给大家整理html中图标怎么插入，希望对各位有所帮助，具体内容如下：
本文目录一览： 1、 HTML里面怎么插入图片？？ 2、 如何在网页标题栏中插入图片图标？ 3、 HTML里面怎么插图片? 4、 html如何添加icon 5、 怎么在网页中插入图片html图片代码 HTML里面怎么插入图片？？用DREAMWEAVER或是其它开发工具等都是可以实现的，如在DREAMWEAVER开发为例：
可以选择在设计模式下，在菜单栏中选择-插入-图片，选择图片即可
如果写html代码，那在想插入图片的地方中加：<img src="/data/upload/help/202211/19/404b7a195993e208a466e705a21fe5fc." />
<html>
<head>
</head>
<body>
<img src='/data/upload/help/202211/19/efaf98db2eac3a61946ca0282ae6ddd4.jpg'/>
</body>
如何在网页标题栏中插入图片图标？在网页标题栏中插入图片图标步骤如下：
1、打开DW并新建一个html页面。
2、在head标签中输入【<link rel="icon" type="image/x-icon" href="#" />】，在井号位置按一下空格，选择【浏览】按钮。
3、在本地找到你刚才设计保存的图标，并点击【打开】。
4、这样图标地址就输入完成了，我们可以再把title名字修改成你的网站名称，如【百度经验】，保存后刷新网页可以看到我们网页的标题和图标都制作好。
HTML里面怎么插图片?代码是“<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：
html如何添加icon第一步，准备一个图标制作软件。
首先您必须了解所谓的图标（Icon）是一种特殊的图形文件格式，它是以.ico 作为扩展名。普通的图像设计软件无法使用这种格式，所以您需要到下载一个ico图标工具,
第二步，确定“收藏夹”图标的规格。
在收藏夹里出现的是16*16；所使用的颜色最好成绩不要超过16色。（为了清晰）,如果你不清楚可以在C盘查找*.ico格式的图标,应该能在IE缓存里找到那些网站的图标,你可以打开这些图标就可以知道该用什么格式的了,跟人家的一样就行。
第三步，设计一个属于您自己的图标。
你可以将您的网站的LOGO做成一个缩图或者另外设计一个别具特色的图案来作为“收藏夹”图标。总之，它一定要是属于您自己的，并且能很好的代表您的网站的风格和个性。然后将这个图标文件命名为：favicon.ico(注意,需要命名为这个文件名方可)。可以制作的醒目些。
例如用一个本机上的图标文件改一下吧。从本机上搜索一个文件，复制到桌面。用Microangelo打开，修改成16*16，使用256色吧,另存为favicon.ico。
最后，只需要将这个图标文件（favicon.ico）上传到您的网站所在的服务器的根目录下。(也就是你的主页index.html所在的那个文件夹)您不需要对您的网页文件作任何的修改，IE5会自动的不停的搜索您的网站的根目录，只要它一发现了favicon.ico 这个文件，就会将该图标显示在访问者的地址栏和收藏夹列表中了。
如果您希望为不同的页面设置不同的“收藏夹”图标，那么您就需要在该网页文件的HEAD部分加入下面的内容:
<link rel="shortcut icon"href="myicon.ico">
注意：该图标的路径一定要使用绝对路径。
2、第二种方法:在首页HTML文件中，加入link命令，<link>是放在<head>与</head>之间
例如下面这样：
<HEAD>
<link rel = "Shortcut Icon" href=/favicon.ico>
</HEAD>
其中的href="/favicon.icon（只是一个例子，你只要将他替换成你的网址）将favicon.ico替换成你制作的ICO文件名即可
这样只有当网友把你的网站加到Internet Explorer的收藏夹中并重新打开Internet Explorer浏览器之后，你自行制作的图标才会显示出来。
怎么在网页中插入图片html图片代码在网页中插入图片html图片代码方法：
步骤：
一、html图片标签语法
<img src="/data/upload/help/202211/19/7a22a744fbb8cf752f1f16b1805a272e.gif" width="165" height="60" />
img介绍：
src 后跟的是图片路径地址
width 设置图片宽度
height 设置图片高度
二、具体html 图片显示实例
在html源代码中分别插入三张图片，一张原始大、一张将宽度高度改小小、一张将宽度高度改大。
1、实例完整html代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>图片插入html 在线演示</title>
</head>
<body>
<p>原始大图片</p>
<p>
<img src="/data/upload/help/202211/19/7a22a744fbb8cf752f1f16b1805a272e.gif" width="165" height="60" />
</p>
<p>改小图片</p>
<p>
<img src="/data/upload/help/202211/19/7a22a744fbb8cf752f1f16b1805a272e.gif" width="105" height="30" />
</p>
<p>改大图片</p>
<p>
<img src="/data/upload/help/202211/19/7a22a744fbb8cf752f1f16b1805a272e.gif" width="365" height="120" />
</p>
</body>
</html>
2、html插入图片实例截图
3、在线演示：
在html网页中显示图片，插入图片，通过使用img标签来实现，通过也可以将图片作为CSS网页背景图片显示插入到Html网页中（css 背景图片）。
关于html中图标怎么插入的介绍到此就结束了，不知道本篇文章是否对您有帮助呢？如果你还想了解更多此类信息，记得收藏关注本站，我们会不定期更新哦。
查看更多关于html中图标怎么插入 html带图标的按钮的详细内容...