志达IT网站html引入css
在学习前端时，我们应该知道CSS为HTML标签添加了各种样式，以告诉浏览器如何显示这些标签中的内容。既然CSS是用来为HTML添加各种样式的，那么如何将外部CSS文本引入HTML中呢？本文将介绍四种将HTML引入CSS文件的方法，下面我们来看看具体内容。
将外部CSS文件与HTML连接的方法：
1.将CSS文件引入HTML：直接使用DIV中的CSS样式创建DIV+CSS网页
说明：不推荐在HTML中引入CSS文件的这种方法，因为它会使页面有很多标签，看起来很笨重，这并不能反映CSS的优势。当然，如果你真的想使用这种方法，你可以在不经常更改的地方使用，但仍然不建议使用。
2.将样式引入HTML中的CSS文件
直接在标题中编写CSS
<style=“text/css”>
分区｛边距：0；填充：0；边框：1px红色实心；｝
</style>
说明：这种将CSS文件引入HTML的方法适用于较少页面的情况。优点：速度快，所有的CSS控件都是针对这个页面上的标签的，并且没有不必要的CSS命令；此外，不需要外部CSS文件。直接读取HTML文档中的样式。缺点：如果有很多页面需要修改，可能会非常麻烦。单个页面显得臃肿，CSS无法被其他HTML引用，从而导致相对大量的代码和更多的维护麻烦。但大多数采用这种方法的公司都有钱，对他们来说，用户群至关重要，因为他们并不缺乏执行复杂维护工作的人员。
3.使用HTML导入CSS文件@导入以引用外部CSS文件
导入独立的。css文件转换为HTML文件，使用css规则导入外部css文件。＜style＞标记也写在＜head＞标记中，使用的语法如下：
<style=“text/css”>
@导入“mystyle.css”；请注意的路径。此处为css文件
</style>
4.使用HTML导入CSS文件使用链接引用外部CSS文件
使用<head></head>标记对中的<link>标记来引入外部样式表文件，并使用HTML规则来引入外部CSS。
<link=“./mystyle.css”rel=“stylesheet”type=“text/css”/>
说明：这种将CSS文件引入HTML的方法不需要样式标记，而是通过链接样式直接引用外部样式。建议使用链接引用外部CSS样式的方法。
html引入js文件
将JavaScript导入HTML文档的方法
1.在HTML文档中嵌入JavaScript代码
在HTML页面中嵌入JavaScript脚本需要使用＜script＞标记，用户可以直接编写JavaScript代码。具体步骤如下。
步骤1：创建一个新的HTML文档并将其保存为test.HTML。
第2步，在＜head＞标记中插入一个＜script＞标记。
第3步：为＜script＞标记设置type=“text/JavaScript”属性。
现代浏览器默认＜script＞标记的脚本类型为JavaScript，因此可以省略type属性；如果考虑与早期版本的浏览器的兼容性，则需要设置type属性。
第4步，在＜script＞标记中输入JavaScript代码
<！文档类型html>
<html>
＜头＞
<meta字符集=“UTF-8”>
＜title＞第一个JavaScript程序</title＞
＜script type＝“text/JavaScript”＞
文件write（“＜h1＞PHP中文网站：https://www.php.cn/</h1>“）；
</script>
</头>
<body></body>
</html>
第五步：保存网页文档，在浏览器中预览，显示效果如图所示。在JavaScript脚本中，document表示一个web文档对象；文件write（）表示调用Document对象的write（https://www.php.cn/</h1>“。
2.将外部JavaScript代码脚本文件引入HTML文档
JavaScript程序不仅可以直接放在HTML文档中，还可以放在JavaScript脚本文件中。JavaScript脚本文件是具有扩展名的文本文件。js。它们可以使用任何文本编辑器进行编辑。
常用的文本编辑器包括Windows系统中的Notepad、Linux系统中的Vim、Sublime text、Notepad++等。对于初学者，建议先使用文本编辑器编写JavaScript代码，因为这将帮助我们记住JavaScript语法、关键字、函数和其他内容。到了实际开发阶段，可以选择一些更专业的代码编辑器，如Visual Studio code（简称“VS code”）、WebStorm（付费）、Atom等，可以提高开发效率。
创建新JavaScript文件的步骤如下。
步骤1，创建一个新的文本文件并将其保存为test.js。注意，扩展名为.js，这表明该文本文件是JavaScript类型的文件。
第2步，打开test.js文件并在其中编写以下JavaScript代码。
警报（“PHP中文网：https://www.php.cn/）；
第3步，保存JavaScript文件。建议将JavaScript文件和网页文件放在同一目录中。在上面的代码中，alert（）表示Window对象的方法，调用该方法会弹出一个提示对话框，显示参数字符串“嗨，JavaScript！”。
JavaScript文件不能独立运行，需要导入到网页中通过浏览器执行。使用＜script＞标记导入JavaScript文件。
第4步，创建一个新的HTML文档并将其保存为test.HTML。
第5步，在＜head＞标记中插入一个＜script＞标记。定义src属性并将属性值设置为指向外部JavaScript文件的URL字符串。代码如下：
<script type=“text/JavaScript”src=“test.js”></script>
第六步：保存网页文档，在浏览器中预览，显示效果如图所示。注意：当使用＜script＞标签包含外部JavaScript文件时，默认文件类型为JavaScript。因此，无论加载的文件扩展名是否为.js，浏览器都会根据JavaScript脚本进行解析。
定义src属性的＜script＞标记不应再包含JavaScript代码。如果嵌入代码，则只下载和执行外部JavaScript文件，而忽略嵌入的代码。
