HTML provides the structure of a web page, but to make a page look good and behave interactively, we integrate it with CSS and JavaScript.
1. Integration of CSS (Cascading Style Sheets)
Purpose of CSS:
CSS controls the style and layout of web pages — colors, fonts, spacing, responsiveness, and more.
How to integrate CSS with HTML:
Inline CSS (inside an element)
html
Copy
Edit
<p style=”color: blue;”>This is a blue paragraph.</p>
Internal CSS (inside <style> tags in the <head>)
html
Copy
Edit
<head>
<style>
p {
color: blue;
}
</style>
</head>