📚 Quick Study Guide: Web Design Fundamentals
- 🌐 HTML (HyperText Markup Language): The standard markup language for creating web pages. It provides the structure and content of a web page using elements and tags.
- 🎨 CSS (Cascading Style Sheets): Used for describing the presentation of a document written in HTML. It controls the look and formatting, such as colors, fonts, and layout.
- ⚡ JavaScript: A programming language that enables interactive web pages. It's used for dynamic content, animations, and complex functionalities.
- 🏗️ Basic Structure: Web pages are built with HTML elements (e.g., `<div>`, `<p>`, `<a>`, `<img>`), which are defined by tags (e.g., `<div>` and `</div>`).
- 📏 Attributes: Provide additional information about HTML elements (e.g., `<a href="url">`).
- 📱 Responsive Web Design: An approach that makes web pages render well on a variety of devices and window or screen sizes, from minimal to normal.
- 🔗 URL (Uniform Resource Locator): The address of a given unique resource on the Web.
- 📡 HTTP (Hypertext Transfer Protocol): The foundation of data communication for the World Wide Web, used for transmitting web pages.
🧠 Practice Quiz: Web Design Basics
Choose the best answer for each question.
1. Which language is primarily responsible for defining the structure and content of a web page?
- A. CSS
- B. JavaScript
- C. HTML
- D. Python
2. What is the main purpose of CSS in web development?
- A. To add interactivity to web pages
- B. To manage server-side logic
- C. To style and layout web page elements
- D. To define the content structure
3. Which of the following is used to add dynamic and interactive behavior to a web page?
- A. HTML
- B. CSS
- C. SQL
- D. JavaScript
4. In HTML, which tag is used to define the largest heading?
- A. `<head>`
- B. `<h6>`
- C. `<h1>`
- D. `<heading>`
5. Which CSS property is used to change the text color of an element?
- A. `background-color`
- B. `text-color`
- C. `color`
- D. `font-color`
6. What does 'Responsive Web Design' primarily aim to achieve?
- A. Making websites load faster on all devices.
- B. Ensuring websites adapt their layout to different screen sizes.
- C. Adding complex animations to web pages.
- D. Improving search engine optimization.
7. Which protocol is used by web browsers to request and display web pages from a web server?
- A. FTP
- B. SMTP
- C. HTTP
- D. TCP/IP
Click to see Answers
Answer Key:
- C. HTML
- C. To style and layout web page elements
- D. JavaScript
- C. `<h1>`
- C. `color`
- B. Ensuring websites adapt their layout to different screen sizes.
- C. HTTP