如何建立基本的 Html、css 和 javaScript 項目

本教學適合想要開門見山、只設定一個項目並開始編碼的人。

為 Html、CSS 和 Javascript 檔案建立一個資料夾。

在剛剛建立的資料夾中建立文件

雖然文件的外觀可能因電腦而異，但請確保文件描述與上圖相同。

將 Css 和 JavaScript 文件連結到 Html 文件

在連結檔案時，記下每個檔案在資料夾中的位置至關重要。在我們的例子中，文件都位於同一級別，這將使連結直接進行。

html 檔案的內容應如下
`

`

我們將使用 2 個不同的標籤來連結 css 和 js 文件，因為它們需要不同類型的標籤來連結它們。
我們使用標籤來連結 css 檔案。然後我們使用 rel 和 href 屬性來指示連結標籤內容與頁面的關係以及 css 檔案所在的位置。它看起來像這樣。


ink 標籤應放在 head 標籤之間。

對於 javascript 文件，我們使用 script 標籤並在 src 屬性中傳遞 javascript 文件的位置。看起來像這樣。



請注意，腳本標籤可以放置在 head 標籤和 body 標籤內，但出於效能目的，建議將 script 標籤放置在 body 標籤的底部，這樣它最後被解析。它也可以放置在 head 中帶有

的標籤 新增“非同步”或“延遲”屬性以複製類似的載入行為。

如果您按照上面的說明進行操作，則 html 檔案的內容應如下所示。
`

`

現在你已經有一個非常基本的 Html、CSS 和 javascript 設定了。如果您有任何疑問或遇到困難，請在評論部分留下您的問題，我會回覆。

以上是如何建立基本的 Html、css 和 javaScript 項目的詳細內容。更多資訊請關注PHP中文網其他相關文章！