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//设置背景图想要的显示大小
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)