前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

28在模版文件里导入静态图片(模板下载后如何导入)

大家好,在flux中图片css样式、gs文件都属于静态文件,在html模板里如何导入静态文件?

·首先静态文件需要存放在项目根目录的static文件夹里,需要手动的来创建这个文件夹,然后再创建各类别的文件夹存放各种静态文件。比如在study文件夹里创建一个image图片的文件夹用于存放图片文件。

·然后还可以创建名称为gs的文件夹来存放gs文件,也可以创建文件名为css的文件夹来存放css样式的文件。这里在image文件夹里存放一张图片文件。顺便说一下,这张图片是我在辽宁千山的景区拍摄的,千山我觉得真的是非常的漂亮。

·在html文件里需要导入图片的地方新建一个IMG图片标签,在图片的路径参数里这样写。首先输入两个闭合的括号号,然后使用urlfall方法。

→第一个参数输入static表示引用静态文件夹。

→第二个参数使用file name,file name的值就是需要引入的图片在静态文件夹里的相对路径。

·图片可能比较大,可以给图片设置一个高度和宽度,运行Web服务,在浏览器里可以看到图片被显示了出来。

下个视频来学习如何引用css和js。

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言