在前一篇有提到html的格式，如圖
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
css程式碼
</style>
</head>
<body>
html程式碼
<script>
javascript程式碼
</script>
</body>
</html>
以上寫法是將css、html、js都寫在同一個檔案中
但如果都寫在同一個檔案，就會產生一些問題，例如:程式碼過長、過於繁雜，不易查閱等等
不過這些問題都是可以解決的!
我們可以將這三段程式碼分成三個檔案，分別是html檔、css檔、js檔，且這三個檔案必須在同一個資料夾中，
就像以下這張圖片中顯示的，這三個檔案都在web資料夾中
接下來一定會好奇那要如何將這三個檔案做連結呢~
其實很簡單，只需要在html檔中加入兩行文字
<link rel="stylesheet" href="web.css">
在連接css檔時，需加入rel="stylesheet"，這代表引進的檔案屬於樣式表，如果不加，瀏覽器可能會不知道這個檔案引進來是做甚麼的，再來就是href後面是加上你要連結的css檔名
<script src="web.js"></script>
連結js檔就簡單許多啦，只需要在script後面加上src再加上js的檔名就可以了~
這樣檔案就連結成功啦~
iThome鐵人賽
看影片追技術