Issue
I am quite new. How to import css file and javascript file, and what is a good file structure to learn when new to web dev?
Solution
For css
<link rel="stylesheet" href="/file.css">
For javascript
<script type="text/javascript" src="file.js"></script>
Full document
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link type="stylesheet" src="main.css"/>
<title>Document</title>
</head>
<body>
<main>
</main>
</body>
<script type="text/javascript" src="main.js"></script>
</html>
As for file structure.
Learn about javascript and css modules after learning the basics.
in src folder
index.html
cssFolder > Shared.css
- all css that is shared
cssFolder > Product > Product.css
For the product related pages
javascriptFolder > Shared.js
- All javascript that is shared
javascriptFolder > Product > Product.js
for the product related pages
PagesFolder > Product > Product.Html
Etc etc
Answered By - Joro
0 comments:
Post a Comment
Note: Only a member of this blog may post a comment.