feat(notes): Add web design exam practice questions

Author: lzwjava

notes/2026-01-01-web-design-exam-1-en.md

@@ -0,0 +1,205 @@
+---
+audio: false
+generated: true
+image: false
+lang: en
+layout: post
+model: openai/gpt-5.1
+title: Web Design Exam 30 Practice Questions
+translated: false
+type: note
+---
+
+Below are **30 multiple-choice exam questions** for the **National Higher Education Self-Study Examination (自学考试)** course **“Web Design and Production” (网页设计与网站建设, 14352)** in China.
+Each question has **one correct option**, but **answers are intentionally not provided**.
+
+---
+
+**1. Which of the following is the primary function of HTML?**
+A. To control page behavior
+B. To define page structure and content
+C. To process server-side data
+D. To optimize network transmission
+
+**2. Which HTML tag is used to define a hyperlink?**
+A. `<link>`
+B. `<href>`
+C. `<a>`
+D. `<url>`
+
+**3. In HTML5, which tag is used to represent navigation content?**
+A. `<section>`
+B. `<article>`
+C. `<nav>`
+D. `<header>`
+
+**4. Which CSS property is used to change the text color of an element?**
+A. `font-style`
+B. `text-color`
+C. `color`
+D. `background-color`
+
+**5. Which CSS box model component controls the space between the border and the content?**
+A. Margin
+B. Padding
+C. Border
+D. Outline
+
+**6. Which unit is relative to the font size of the parent element?**
+A. px
+B. %
+C. em
+D. cm
+
+**7. Which selector has the highest priority in CSS?**
+A. Element selector
+B. Class selector
+C. ID selector
+D. Universal selector
+
+**8. Which HTML attribute is used to uniquely identify an element?**
+A. class
+B. name
+C. id
+D. type
+
+**9. What is the default display value of a `<div>` element?**
+A. inline
+B. inline-block
+C. block
+D. none
+
+**10. Which CSS layout model is mainly used for one-dimensional layouts?**
+A. Float
+B. Grid
+C. Flexbox
+D. Position
+
+**11. Which JavaScript keyword is used to declare a constant variable?**
+A. var
+B. let
+C. const
+D. static
+
+**12. Which event is triggered when a user clicks an element?**
+A. onload
+B. onchange
+C. onclick
+D. onfocus
+
+**13. Which method is used to get an element by its ID in JavaScript?**
+A. getElement()
+B. getElementByClass()
+C. getElementById()
+D. queryElements()
+
+**14. Which symbol is used for single-line comments in JavaScript?**
+A. `<!-- -->`
+B. `/* */`
+C. `//`
+D. `##`
+
+**15. Which image format supports transparency and lossless compression?**
+A. JPG
+B. GIF
+C. PNG
+D. BMP
+
+**16. Which protocol is mainly used to transfer web pages?**
+A. FTP
+B. SMTP
+C. HTTP
+D. TCP
+
+**17. Which tag is used to embed JavaScript code in an HTML document?**
+A. `<js>`
+B. `<javascript>`
+C. `<script>`
+D. `<code>`
+
+**18. Which of the following improves website accessibility?**
+A. Using large images
+B. Adding alt text to images
+C. Using only color to convey meaning
+D. Removing headings
+
+**19. Which technology is commonly used to create responsive web layouts?**
+A. Fixed-width design
+B. Media queries
+C. Bitmap fonts
+D. Frames
+
+**20. Which HTML tag is used to define a form?**
+A. `<input>`
+B. `<label>`
+C. `<form>`
+D. `<fieldset>`
+
+**21. Which input type is used to hide user-entered text?**
+A. text
+B. hidden
+C. password
+D. secure
+
+**22. Which HTTP method is mainly used to submit form data securely?**
+A. GET
+B. POST
+C. PUT
+D. DELETE
+
+**23. Which file extension is commonly used for external CSS files?**
+A. .html
+B. .js
+C. .css
+D. .style
+
+**24. Which tool is commonly used to inspect and debug web pages in browsers?**
+A. Task Manager
+B. Command Prompt
+C. Developer Tools
+D. File Explorer
+
+**25. Which principle focuses on making pages easy to understand and use?**
+A. Compatibility
+B. Usability
+C. Scalability
+D. Portability
+
+**26. Which CSS property controls element stacking order?**
+A. float
+B. position
+C. z-index
+D. overflow
+
+**27. Which of the following is a client-side scripting language?**
+A. PHP
+B. Java
+C. Python
+D. JavaScript
+
+**28. Which tag is used to display tabular data?**
+A. `<list>`
+B. `<table>`
+C. `<grid>`
+D. `<data>`
+
+**29. Which practice helps improve website loading speed?**
+A. Using large uncompressed images
+B. Minimizing CSS and JavaScript files
+C. Increasing animation effects
+D. Embedding all resources inline
+
+**30. Which standard is used to ensure web pages work across different browsers?**
+A. Browser extensions
+B. Private APIs
+C. Web standards
+D. Proprietary plugins
+
+---
+
+If you want, I can also:
+
+* Adjust the **difficulty level** (easy / medium / exam-level)
+* Create **mock tests** matching official 自考 style
+* Generate **practice questions by chapter**
+* Provide **separate answer sheets** for teachers or self-checking