Help
Options
Didn't know it?
click below
click below
Knew it?
click below
click below
Don't Know
Remaining cards (0)
Know
retry
shuffle
restart
0:00
Embed Code - If you would like this activity on your web page, copy the script below and paste it into your web page.
Normal Size Small Size show me how
Normal Size Small Size show me how
IT240- Web Fluency
Web Fluency Fall 2025 Quiz 1
| Question | Answer |
|---|---|
| What makes an IDE different from a regular text editor? | It has extra features like autocompletion and color-coding |
| Which of the following best describes the difference between CSS and HTML? a. HTML is programming and CSS is styling b. HTML is for the content and CSS is for the styling | b. HTML is for the content and CSS is for the styling |
| Which part of the CSS box model can be visible to users in the browser? | Padding |
| What is the format for an HTML comment? | <!-- comment --> |
| Which part of the CSS box model is not visible to users in the browser? a. Margin b. Border c. Element d. None | None of the above. |
| What is a Project Plan? | A roadmap for development. |
| What is a Wireframe? | A blueprint of webpage structure. |
| What is a Storyboard/Site Map? | A diagram showing navigation flow. |
| How do you view the Source Code of a webpage? | Right-click → “View Page Source” or F12. |
| What is an IDE? | Software combining editor and development tools. |
| What is a Text Editor? | Basic code editing software. |
| What is the difference between a Text Editor and an IDE? | IDE has debugging and project tools; text editor does not. |
| What required tags must be on all HTML documents? | <!DOCTYPE html>, <html>, </html>. |
| How do you write a comment in HTML? | <!-- comment --> |
| What is the purpose of comments in HTML? | Notes for developers. |
| How do you preview your HTML files in a browser? | Open the .html file in a browser. |
| What is shared hosting? | Multiple sites share one server. |
| What is dedicated hosting? | One site uses the entire server. |
| What does it mean to develop your webpage “locally”? | Working on files stored on your computer. |
| What is nesting in HTML? | Placing elements inside other elements. |
| What is a parent element in HTML? | An element that contains other elements. |
| What is a child element in HTML? | An element nested inside a parent. |
| What is a sibling element in HTML? | Elements sharing the same parent. |
| What is a user agent? | Software that retrieves and displays web content. |
| Where in an HTML document does the meta element go? | In the <head>. |
| Why is webpage accessibility important? | Equal access for all users. |
| How can you tell if a webpage is accessible? | Uses alt text, semantic tags, proper contrast, keyboard navigation. |
| What does the “div” element do? | Groups content. |
| Why would you use a “div” element? | To style or organize content. |
| Why use character references for special characters in HTML? | To display reserved characters. |
| What is a named character reference in HTML? | Example: &am; |
| What is a numbered character reference in HTML? | Example: < |
| What is the viewport in HTML? | The visible page area. |
| Why would you use the viewport? | For responsive design. |
| How is the viewport connected to accessibility? | Improves readability on devices. |
| How do you validate your code with the W3C validator? | Submit the file/URL to validator.w3.org. |
| What is an error in validation? | A problem that breaks standards. |
| What is a warning in validation? | A recommendation. |
| Which is more critical, errors or warnings? | Errors. |
| What does HTML do? | Structures content. |
| What does CSS do? | Controls styling. |
| Why use CSS instead of HTML for formatting? | Separates style from structure. |
| In a CSS style rule, what is the selector? | The element name. |
| In a CSS style rule, what is the declaration? | Property and value. |
| What is an embedded style sheet? | CSS inside <style> in <head>. |
| What is an external style sheet? | CSS in a .css file linked with <link>. |
| What is an advantage of embedded style sheets? | Quick for one document. |
| What is a disadvantage of embedded style sheets? | Not reusable. |
| What is an advantage of external style sheets? | Reusable across pages. |
| What is a disadvantage of external style sheets? | Requires extra file request. |
| Where do you insert an embedded style sheet? | In the <head>. |
| What is an id selector in CSS? | #id-name |
| What is a class selector in CSS? | .class-name |
| What format is used for an id selector? | #id { } |
| What format is used for a class selector? | .class { } |
| How do you link to an external style sheet in a different folder? | <link rel="stylesheet" href="../css/style.css"> |
| How do you write a comment in CSS? | /* comment */ |
| What are the three properties of the CSS box model? | Border, margin, padding. |
| What is a border in the CSS box model? | The edge around content. |
| What is padding in the CSS box model? | Space between content and border. |
| What is margin in the CSS box model? | Space outside the border. |
| Which part of the CSS box model can be visible to the end user? | Border. |
| What is an absolute unit of measure in CSS? | px |
| What is a relative unit of measure in CSS? | em, rem, % |
| Which units are absolute: px, em, rem, %? | px |
| Which units are relative: px, em, rem, %? | em, rem, % |
| When top and bottom margins collapse, how is the margin size calculated? | The larger margin. |
| How do you create a style rule with widths, borders, margins, and padding? | div { width: 200px; border: 1px solid black; margin: 10px; padding: 5px; } |
| How do you use the float property with the value “left”? | float: left; |
| How do you use the float property with the value “right”? | float: right; |
Created by:
sumnerss