html中如何调用css和js？

在HTML中调用css的方法

行内样式

在HTML标签的style属性中设定CSS样式

<p style="color: #FF0000;">行内样式</p>

内嵌式

将CSS样式集中写在HTML页面head标签的style标签中

<style>
  bdoy{font-size:14px;} 
</style>

链接式

也是在head标签内部进行，但是需要在外部专门写CSS文件。

<link rel="stylesheet" href="css/Demo.css" />

导入样式

同样在head标签内。

<style type="text/css">
   @import url("css/Demo.css");
</style>

导入和链接的区别为，导入时一次加载，而链接是在需要其样式的时候再去加载，所以链接式的性能更高一点。 尤其是在第一次加载 。

在HTML中调用js的方法

在HTML中调用JavaScript的方法有两种：内联JavaScript脚本、外部JavaScript脚本。

内联JavaScript脚本

内联脚本是一种使用<script>标签直接在HTML中嵌入JavaScript代码的方法。

语法：

<script type="text/javascript">
　 //javascript代码
</script>

外部JavaScript脚本

外部脚本是使用<script>标签和src属性将外部的JavaScript脚本文件连接到HTML中的方法；这通常用于网页设计领域。

语法：

<script type="text/javascript" src="sample.js"></script>

在HTML中嵌入上述代码，就可将编写了JavaScript脚本的外部JavaScript文件导入HTML中，这样HTML就可调用JavaScript。

更多前端开发知识，请查阅 HTML中文网 ！！

以上就是html中如何调用css和js？的详细内容，更多请关注0133技术站其它相关文章！