View source for 7.4.1 HTML, CSS, JavaScript (Client-side)

=== 7.4.1 HTML, CSS, JavaScript (Client-side) ===
These three languages are the building blocks of almost every website you visit. They work together to create what you see and interact with in your web browser:

* HTML (HyperText Markup Language): This is the "structure" or "content" of a webpage. Think of it as the skeleton or the blueprints of a house. It tells your web browser where to put text (headings, paragraphs), images, videos, tables, and links. Without HTML, there's no page!
** Example: <nowiki><h1>This is a big heading</h1></nowiki> or <nowiki><p>This is a paragraph.</p></nowiki>
* CSS (Cascading Style Sheets): This is the "style" or "design" of a webpage. If HTML is the house's structure, CSS is the paint, wallpaper, furniture, and decorations. It tells your browser how things should look – colors, fonts, spacing between elements, layout, and responsiveness (how it looks on different screen sizes).
** Example: h1 { color: blue; font-size: 24px; } (makes all main headings blue and 24 pixels tall)
* JavaScript (Client-side): This is the "interactivity" or "behavior" of a webpage. It's like the electrical wiring, smart appliances, and automated features in a house. JavaScript makes websites do things, like respond when you click a button, show animations, play videos, validate forms, or update information without reloading the whole page. It runs directly in your web browser (on the "client-side," meaning on your computer).
** Example: A button that changes color when you hover over it, a pop-up window, or a game you play directly in your browser.

'''Bibliography:'''

* '''Learn Web Development Basics - HTML, CSS, and JavaScript Explained for Beginners (2021, August 10). ''freeCodeCamp.org''.'''  https://www.freecodecamp.org/news/html-css-and-javascript-explained-for-beginners/
* '''MDN Curriculum: The essential skillset for new front-end developers. (2024, February). ''Mozilla Developer Network (MDN).'''''  https://developer.mozilla.org/en-US/curriculum/
* '''What is client-side scripting? (2022, May 30). ''GeeksforGeeks''.'''  https://www.geeksforgeeks.org/html/difference-between-server-side-scripting-and-client-side-scripting/