Cách liên kết html css và js với nhau [trùng lặp]

Question

Tôi đang thực hiện một dự án trang web nhỏ sử dụng HTML, CSS và JavaScript. Vì vậy, tôi đã làm theo hướng dẫn, nhưng bây giờ tôi có tệp .html, tệp .css và tệp .js, tôi không biết làm thế nào để làm cho chúng hoạt động cùng nhau. Xin lỗi vì câu hỏi ngớ ngẩn, nhưng tôi thực sự cần biết cách liên kết tệp .css và tệp .js trong tệp .html. Cảm ơn

Answer 1

Để liên kết CSS - <link rel="stylesheet" href="styles.css">

Để liên kết JS - <script src="myscripts.js"></script>

Tài liệu HTML của bạn sẽ trông như thế này -

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="styles.css">
    <title>Title of your HTML page</title>
</head>
<body>
    <!-- Put your HTML here  -->

    <script src="myscripts.js"></script>
</body>
</html>

Answer 2

Để nhập tệp css trên html, hãy sử dụng liên kết thẻ

<link rel="stylesheet" href="style.css"> // file.css

Để nhập tệp js, hãy sử dụng tập lệnh thẻ

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

Answer 3

Nói chung, bạn muốn đặt CSS (biểu định kiểu) vào <head>thẻ của mình.

Ví dụ:

<head>
    <link rel="stylesheet" href="path_to_css.css" />
</head>

Nói về script, ngày nay tôi nghĩ rằng các trình duyệt tải JavaScript song song, vì vậy nó không tạo ra sự khác biệt lớn, nhưng từ những gì tôi đã học trong quá khứ - đặt javascript ngay trước cuối <body>thẻ là một cách thực hành tốt.

<body>
  ... your HTML content here
  ...
  <script src="path_to_js.js" />
</body>