html图片怎么添加

html图片怎么添加,第1张

html图片添加的方法如下:

工具:Dell游匣G15、Windows10、记事本2021。

1、首先在电脑中新建一个文件夹(如:web-01),在该文件夹里新建一个html文件(如:index1.html)。

2、接着打开这个html文件,编写一个html的基本框架。

3、接着在头部<head>……</head>中加入插入背景图片的代码。不设置平铺方式的情况下是默认水平竖直都平铺。

4、若要不重复平铺,需要写入“background-repeat:no-repeat”此时,图片只显示一次。

5、编写完成之后,保存为html后缀,如下图所示就完成了。

其实是个ICO图标。

要预先制作一个图标文件,大小为16*16像素。文件扩展名�¸.ico,然后上传到相应目录中。

在源文件“<head></head>”之间添加如下代码:

<Link Rel=\"ICON NAME\" href=\"http://图片的地址(注意与刚才的目录对应)\">

收藏夹:

favicon.ico

你随便用一种画象素的工具,画一个图标,然后起成这个名字,上传到你所有网页文件的那个文件夹里就行了。

一般都会自动找这个favicon.ico的文件,只要有,就会显示。

并且是根目录下

地址栏的方法:

只是在网页中多加入下面一条代码就行了。

<link rel=”shortcut icon” href=”sample.png” type=”image/x-icon” />

如果手头没有合适的工具制作图片,也可以选择一个自己喜欢的图片,然后到这个网站去自动生成一个。

Favicon,即Favorites Icon的缩写,顾名思义,便是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站

background:url("url")//设置背景图片

background-repeat:no-repeat//禁止平铺

background-size//设置背景图想要的显示大小


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

原文地址: http://outofmemory.cn/bake/8015698.html

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

发表评论

登录后才能评论

评论列表(0条)

保存