HTML中引入css和js的方法

html-css07

HTML中引入css和js的方法,第1张

我们在HTML中经常需要引入CSS和JS文件,那么如何引入呢?下面我给大家演示一下。

工具/材料

Sublime Text

01

首先新建一个文件夹,在文件夹下面建立如下图所示的文件

02

接下来用Sublime Text打开HTML文件,写入HTML结构,如下图所示

03

然后我们在Head标签内用link标签引入CSS文件,如下图所示

04

最后用Script标签引入JS文件即可,如下图所示

是的。

JS、css代码最好是独立写在文档中,Css文件肯定独立写一个文件,维护起来简单,下载页面速度加快,网页展开也快。

js的话,公用的东西(共通部分)写到一个文件,不用每个页面独立都写,重复冗余不说,影响站点速度。

1、将你的模板放到"templets"文件夹中。

2、注意这里的"templets"目录不是"dede/templets"目录,是根目录下的"templets"目录。

3、将HTML文件的后缀改成".htm"。

4、在原先的样式路径前加上这句话“{dede:global.cfg_templets_skin/}”就可以了。