# Web Programming Notes
## Introduction to Web Programming
- **Definition**: Web programming involves the creation of websites and web applications using
technologies like HTML, CSS, JavaScript, and server-side languages.
- **Types of Websites**:
- Static Websites: Fixed content, no user interaction.
- Dynamic Websites: Content changes dynamically based on user input or other factors.
## Core Technologies
### 1. HTML (HyperText Markup Language)
- **Purpose**: Structures the content of web pages.
- **Basic Elements**:
- `<html>`: Root of the HTML document.
- `<head>`: Contains meta information, title, and links to stylesheets or scripts.
- `<body>`: Contains the visible content of the page.
- **Common Tags**:
- Headings: `<h1>` to `<h6>`
- Paragraphs: `<p>`
- Links: `<a href="">`
- Images: `<img src="">`
- Lists: `<ul>`, `<ol>`, `<li>`
### 2. CSS (Cascading Style Sheets)
- **Purpose**: Styles the appearance of web pages.
- **Types of CSS**:
- Inline: Within HTML elements using the `style` attribute.
- Internal: Within a `<style>` tag in the `<head>`.
- External: Using a separate `.css` file.
- **Basic Selectors**:
## Introduction to Web Programming
- **Definition**: Web programming involves the creation of websites and web applications using
technologies like HTML, CSS, JavaScript, and server-side languages.
- **Types of Websites**:
- Static Websites: Fixed content, no user interaction.
- Dynamic Websites: Content changes dynamically based on user input or other factors.
## Core Technologies
### 1. HTML (HyperText Markup Language)
- **Purpose**: Structures the content of web pages.
- **Basic Elements**:
- `<html>`: Root of the HTML document.
- `<head>`: Contains meta information, title, and links to stylesheets or scripts.
- `<body>`: Contains the visible content of the page.
- **Common Tags**:
- Headings: `<h1>` to `<h6>`
- Paragraphs: `<p>`
- Links: `<a href="">`
- Images: `<img src="">`
- Lists: `<ul>`, `<ol>`, `<li>`
### 2. CSS (Cascading Style Sheets)
- **Purpose**: Styles the appearance of web pages.
- **Types of CSS**:
- Inline: Within HTML elements using the `style` attribute.
- Internal: Within a `<style>` tag in the `<head>`.
- External: Using a separate `.css` file.
- **Basic Selectors**:
