在網頁制作中,CSS和JavaScript是不可或缺的兩個部分。它們的作用是可以讓網頁更加美觀、動態以及實用。要引用CSS和JavaScript,我們需要在HTML文檔中引用外部的.CSS和.js文件。
首先,我們需要在HTML文檔的
標簽內引入CSS文件,代碼如下:<head> ... <link rel="stylesheet" type="text/css" href="樣式表文件路徑"> ... </head>
其中,link標簽用于引入外部文件,rel屬性定義了關系,type屬性定義了文件類型,href屬性則定義了文件路徑。在href屬性中,我們需要填寫樣式表文件的路徑,這個路徑可以是相對路徑也可以是絕對路徑。
接下來,我們需要在HTML文檔底部的
標簽之前引用JavaScript文件,代碼如下:<body> ... <script src="JavaScript文件路徑"></script> </body>
與CSS引入的方式類似,我們同樣需要在script標簽內填寫JavaScript文件的路徑。與CSS不同的是,script標簽可以放在HTML頁面的任意位置。
當然,我們也可以將CSS和JavaScript代碼直接寫在HTML文檔中,代碼如下:
<head> ... <style> /* 這里是CSS樣式代碼 */ </style> <script> // 這里是JavaScript代碼 </script> ... </head>
這種方式可以讓我們在一個HTML文檔中同時引用CSS和JavaScript代碼,但是這種方式會讓HTML文檔變得龐大,不利于維護和管理。