Cara menautkan html css dan js [duplikat]
Saya sedang mengerjakan proyek situs web kecil menggunakan HTML, CSS, dan JavaScript. Jadi saya mengikuti tutorial, tapi sekarang saya memiliki file .html, file .css dan file .js, saya tidak tahu bagaimana membuatnya bekerja sama. Maaf atas pertanyaan konyolnya, tapi saya benar-benar perlu tahu cara menautkan file .css dan file .js di file .html. Terima kasih
Jawaban
Untuk menautkan CSS - <link rel="stylesheet" href="styles.css">
Untuk menautkan JS - <script src="myscripts.js"></script>
Dokumen HTML Anda akan terlihat seperti ini -
<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>Untuk mengimpor file css pada html gunakan tautan tag
<link rel="stylesheet" href="style.css"> // file.css
Untuk mengimpor file js menggunakan skrip tag
<script src="file.js"></script> // file.js
Secara umum, Anda ingin meletakkan CSS (stylesheet) di <head>tag Anda .
Sebagai contoh:
<head>
<link rel="stylesheet" href="path_to_css.css" />
</head>
Berbicara tentang skrip, saat ini saya pikir browser memuat JavaScript secara paralel, jadi itu tidak membuat perbedaan besar, tetapi dari apa yang saya pelajari di masa lalu - meletakkan javascript tepat sebelum akhir <body>tag adalah praktik yang baik.
<body>
... your HTML content here
...
<script src="path_to_js.js" />
</body>