HTML5和JS代碼是網頁開發中必不可少的一部分，它們可以讓我們創建更加豐富和互動性強的網頁。下面我們來看一下如何將HTML5代碼和JS代碼結合起來使用。
HTML5代碼的結構分為頭部和主體部分，頭部主要用于聲明文檔類型、引入CSS和JS文件等。在頭部中，我們可以使用以下代碼：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>網頁標題</title> <script src="index.js"></script> </head> <body> <p>這是一個段落</p> </body> </html>
在上面的代碼中，我們通過<script>標簽引入了一個名為index.js的JS文件。這樣，我們就可以在JS文件中編寫一些交互性較強的代碼了。
下面是一個JS代碼的例子：
var myButton = document.querySelector('button');
myButton.onclick = function() {
alert('你點了我！');
}在這個例子中，我們首先使用了querySelector來獲取HTML中的一個按鈕元素。然后，我們給這個按鈕添加了一個點擊事件，當用戶點擊該按鈕時，會觸發彈出一個alert提示框，提示用戶“你點了我！”
可以看出，HTML5代碼和JS代碼的結合非常靈活，可以實現各種強交互性的效果。掌握HTML5和JS代碼的結合使用方法，可以讓我們創建出更加優質的網頁。
上一篇html5代碼動畫效果圖
下一篇既然寫CSS很容易