Web Technologies

1. Idea

A website is like a car. People use it every day, but they don’t know how it works inside. Developers are like mechanics — they understand what happens “under the hood”.

2. What are Web Technologies?

Websites are the foundation of the Internet. All websites are built using three main technologies that work together.

3. Main Technologies

HTML

Responsible for structure and content: text, images, videos.

CSS

Responsible for design: colors, fonts, layout, positioning.

JavaScript

Responsible for functionality: user actions, forms, logic.

4. Important Question

Which technology is responsible for content?

Answer: HTML

5. Developer Tools

Developer tools are built into the browser and allow you to inspect websites.

• View HTML structure
• See CSS styles
• Check network requests

6. How to Open DevTools

• Windows: Ctrl + Shift + I
• Mac: Cmd + Option + I
• Right click → Inspect

7. Main Tabs

• Elements — shows HTML structure
• Styles — shows CSS

8. What is HTML?

HTML (HyperText Markup Language) is a markup language used to structure web documents.

• Text
• Images
• Lists
• Tables
• Forms

9. HTML Document

An HTML document is a file with the .html extension.

The browser reads it and displays a webpage.

10. Standards

HTML is maintained by WHATWG.

Current standard: HTML Living Standard.

Summary

• HTML → structure
• CSS → design
• JavaScript → functionality