CSS and Javascript
To include CSS in the head element of an HTML document, you can use the <style> tag. Inside this tag, you can write your CSS styles.
index.html
<!DOCTYPE html>
<html>
<head>
<!--CSS code-->
<style>
body {
background-color: blue;
}
</style>
</head>
<body></body>
</html>
To include an external CSS file in an HTML document, you can also use the <link> element.
index.html
index.css
<!DOCTYPE html>
<html>
<!--Go to the index css file-->
<head>
<link rel="stylesheet" href="index.css" />
</head>
<body></body>
</html>
body {
background-color: blue;
}
To include JavaScript in the head element of an HTML document, you can use the <script> tag. Inside this tag, you can write your JavaScript code.
index.html
<!DOCTYPE html>
<html>
<head>
<!--JS code-->
<script>
alert("Hello, world!");
</script>
</head>
<body></body>
</html>
You can also include an external JS file in an HTML document.
index.html
index.js
index.css
<!DOCTYPE html>
<html>
<!--Go to the index css and index js file-->
<head>
<script src="index.js"></script>
<link rel="stylesheet" href="index.css" />
</head>
<body></body>
</html>
alert("Hello, world!")
body {
background-color: blue;
}
Everything was clear?
Thanks for your feedback!
Section 3. Chapter 4
