Jump to content

7.4.1 HTML, CSS, JavaScript (Client-side)

From Computer Science Knowledge Base

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: <h1>This is a big heading</h1> or <p>This is a paragraph.</p>
  • 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:

Retrieved from "https://wiki.omnivision.website/index.php?title=7.4.1_HTML,_CSS,_JavaScript_(Client-side)&oldid=336"