在HTML中插入JavaScript和CSS代码，以及引用JavaScript和CSS文件的方法如下：

插入JavaScript代码： 在HTML文件中，你可以使用<script>标签来插入JavaScript代码。例如：

<script>
  function myFunction() {
    alert("Hello, World!");
  }
</script>

引用JavaScript文件： 如果你的JavaScript代码在一个单独的.js文件中，你可以使用<script>标签的src属性来引用它。例如：

<script src="myScript.js"></script>

插入CSS代码： 在HTML文件中，你可以使用<style>标签来插入CSS代码。例如：

<style>
  body {
    background-color: lightblue;
  }
</style>

引用CSS文件： 如果你的CSS代码在一个单独的.css文件中，你可以使用<link>标签来引用它。例如：

<link rel="stylesheet" type="text/css" href="myStyles.css">

以上就是在HTML中插入和引用JavaScript和CSS的基本方法。希望对你有所帮助！