web如何将css和js引入html

web如何将css和js引入html?请各位帮忙解答一下。我想做个浏览器挂件。

index.html文件

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Example</title>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <h1>Hello, World!</h1>
    <button id="myButton">Click me!</button>
    <script src="script.js"></script>
  </body>
</html>

在上述代码中，在head标签中使用link标签引入了style.css文件，然后在body标签中使用button标签创建一个按钮，并给它设置一个id属性为myButton，最后在body标签末尾使用script标签引入了script.js文件

style.css文件

h1 {
  color: blue;
}

定义了一个样式规则，将所有h1元素的颜色设置为蓝色

script.js文件

const myButton = document.getElementById('myButton');
myButton.addEventListener('click', function() {
  alert('Button clicked!');
});

通过document.getElementById()方法获取了myButton元素，并使用addEventListener()方法给它添加一个点击事件处理程序。当按钮被点击时，会弹出一个提示框。

当浏览器加载这个HTML文件时，会自动加载style.css和script.js文件，并应用相应的样式和功能

就是正常新建完html文件在style标签下写css 在script标签下写js就可以啊,你说的是哪种引入呢