CodeHS Web Design (Picasso) Practice Test

These questions are part of the practice quiz. Start practicing

• Which of the following does not need to be included in a POV statement?
• Which attribute is used with the <a> tag to specify the destination URL?
• How can you apply styles to multiple elements with the same class?
• What type of machine listens for HTTP requests directed at a website's domain?
• What is the box model in CSS?
• What do you need to use in combination with the <canvas> element to draw graphics?
• How can you add a block of JavaScript in HTML?
• True or False: The number of columns in a Bootstrap row is fixed regardless of the device.
• What is the default display value for a <div> element?
• True or False: You can only transition one property at a time in CSS.
• Which aspect is NOT typically a responsibility of a web developer?
• What CSS property is used to change the text color?
• True or False: Bootstrap examples can be utilized as templates for personal projects.
• What is the function of the <br> tag?
• Who is typically involved in creating user-friendly and appealing websites?
• What is the purpose of the <canvas> element in web design?
• Which of the following is NOT a valid way to apply CSS?
• Which step focuses on understanding the user's experience and pain points?
• How do you center a block element using CSS?
• What is the font style of the span with the ID css?
• Which of the following actions will help you avoid violation of copyright laws?
• What type of layout does Bootstrap use for a responsive design?
• To select all paragraph elements in a document using CSS, you would use which selector?
• To change the speed of an animation in CSS, which of the following properties should be adjusted?
• Why do we use CSS?
• Which of the following tags is used for defining a section of navigation links?
• What is the default value of the padding property if not specified for an element?
• True or False: An image can have more than one CSS filter applied to it.
• How do you specify character encoding in an HTML document?
• Which Bootstrap component is specifically designed for grouping buttons?
• What happens when the width of the picture is changed from 250px to 800px?
• Which of the following selects all p tags with the class alert and makes them red?
• What best describes a CSS sprite?
• What is the purpose of the ALT attribute in an image tag?
• Which of the following is NOT an effective strategy during group brainstorming?
• Which tag is used to define the largest header in HTML?
• What is the first step of the Design Cycle?
• What HTML element is used to create a break in text?
• How do you incorporate a video into an HTML document?
• Which of the following is not a property that can hide the visibility of an element?
• In which section of an HTML document should you specify the character encoding?
• What does the empathy step of the design cycle focus on?
• What are CSS frameworks?
• What does the CSS Grid layout allow you to do that Flexbox does not?
• True or False: As long as you cite your sources, you can put any image you find online on your website.
• Which device will display a Bootstrap row in stacked columns when using a specific column class?
• Which of the following is a valid CSS rule?
• Which concern has NOT arisen from the adoption of the Internet?
• What is the purpose of the <footer> tag in HTML?
• How is the following HTML displayed on a webpage?
• What happens during the second step of viewing a web page?
• What does HTML stand for?
• Which of the following is the proper way to apply the CSS code inside style.css to the home.html file?
• What CSS property controls the layout of flexbox elements?
• Which of the following is an example of metadata about a webpage?
• How is accessibility considered in web design?
• What is the purpose of the <title> tag in HTML?
• If the line 'transition: width 2s, height 2s;' is removed from the CSS rule, what effect does it have?
• In web design, what is meant by the term 'responsive design'?
• How do you optimize images for the web?
• What is a CSS transition?
• Which code snippet will select all <img> tags on a page and set their height to 200 pixels?
• What is a CSS preprocessor?
• What percentage of the world's population currently has access to the Internet?
• Why is it important to maintain a beginner's mindset while building empathy for your user?
• Which of the following statements is true about the <canvas> element?
• Which of the following is not a Bootstrap component?
• What is the reasoning behind the Don't Repeat Yourself principle?
• What is the result of the following HTML code: <ol><li>Bread</li> <li>Milk</li> <li>Eggs</li> </ol>?
• What does the acronym URL stand for?
• Who is responsible for creating the visual elements of a website?
• True or False: Most people worldwide have access to the Internet.
• Which of the following is a method to cut down on repetitive code in your website?
• Which of the following is a valid HTML tag?
• During which step does the server send the requested resource back to the browser?
• Which of the following applies an animation named 'grayscaleFilter' over 10 seconds to every img tag?
• What is the purpose of HTTP?
• What should be included in the head section of an HTML document?
• What is the role of the <link> tag in HTML?
• How do you create a table in HTML?
• Which of the following CSS rules would you use to make a paragraph element italic?
• What property is used in CSS to change the text color?
• What is the first step in viewing a web page?
• True or False: It is possible to embed any website inside IFrames.
• What HTML tag is used to define an unordered list?
• In HTML, how do you create a numbered list?
• What is the path of the URL www.twitter.com/codehs?
• How can you properly link to the about.html page from the index.html page?
• What is the main use of CSS Flexbox?
• What components are included in a POV statement?
• How do you create a dropdown menu in HTML/CSS?
• Which of the following lines of HTML code will insert an image into a webpage?
• What is the function of the div tag?
• What is the second step of the design cycle after you develop empathy for your users?
• What is generated from the following HTML code <h1>Hello</h1> <h3>Hello</h3> <h6>Hello</h6>?
• What will insert an exclamation point after every h2 element?
• Which of the following are examples of web browsers?
• How do you define a class selector in CSS?
• The Inspector would be a useful tool for which of the following tasks?
• What is the primary function of a web designer?
• What is responsive design?
• What type of layout does CSS Flexbox excel at?
• What is one main role of Internet censorship by a government?
• How do you create a responsive navigation bar using CSS?
• Which property would you use to completely hide an element while keeping its space on the page?
• What CSS property controls the text size of an element?
• Which of the following does NOT illustrate a negative outcome of increased anonymity on the Internet?
• How is an ordered list created in HTML?
• Which of the following is not a strategy to help build empathy for your users?
• Which of the following correctly uses div to style multiple elements the same way?
• What are IFrames?
• What type of CSS selector is used to style elements after they are hovered over?
• What does the class "btn-group-vertical" do in Bootstrap?
• What is a prototype?
• True or False: You will learn everything there is to know about HTML and CSS from CodeHS.
• Why might you decide to use a dropdown menu on your website?
• In the URL https://codehs.com/hourofcode, what is the domain name?
• Which professional is responsible for writing the HTML and CSS code for a website?
• An image is hosted at https://upload.wikimedia.org/wikipedia/commons/6/62/Big_and_little_dog.jpg. Which of the following is the proper HTML code to display this image on your webpage?
• Which of the following correctly creates a thumbnail of the CodeHS logo that links to https://codehs.com?
• How do you link a CSS stylesheet to an HTML document?
• Which situation exemplifies censorship on the Internet?
• True or False: It is plagiarism to copy code from Bootstrap examples to your own website.
• How can you change the color of a link when the mouse hovers over it?
• In web design, what does CSS stand for?
• Which statement is true about which devices can view your hosted HTML webpage?
• What font color will the following HTML element have after being styled by the given CSS: <p class="fire" id="title">Hello World!</p>?
• What HTML element serves as a container for additional structure in Bootstrap?
• What is the purpose of the <a> tag in HTML?
• What is the main purpose of using dropdown menus in navigation bars?
• Which of the following statements about the Internet is true?
• What does the z-index property control in CSS?
• How is the animation 'increase-font' defined to increase font size from 5px to 20px?
• What is the first step to begin using the <canvas> element in HTML?
• What element is used for creating a navigation bar in Bootstrap?
• True or False: If a selector's display property is set to none, selected elements will still take up space on the page.
• What approach should you take when prototyping your ideas?
• What is the goal of the "define" step of the design cycle?
• What should be avoided during the ideation process?
• What does the float property do in CSS?
• Which CSS property is used to control the spacing between elements?
• Fill in the Blank: Contents of a navbar need to go inside a _______ div.
• Which page should the following nav-tabs be added to? <ul class="nav nav-tabs"> <li><a href="home.html">Home</a></li> <li class="active"><a href="profile.html">Profile</a></li> <li><a href="messages.html">Messages</a></li> </ul>
• Which layout is CSS Grid primarily designed for?
• What is the usual file extension for web pages?
• What is the definition of a browser?
• What is the correct way to add a default-styled button to an <a> tag?
• What is the width of one of the smaller rectangles if the entire rectangle has a width of 21?
• Which file extension is commonly used for web pages?
• Which of the following creates a table that is responsive to screens of different sizes?
• Which of the following is NOT a good testing method?
• What is the decimal equivalent of the binary number 1010?
• What is a characteristic feature of the CSS Grid layout model?
• What term refers to a standardized set of rules for communication between machines?
• Which of the following roles is associated with a web designer?
• What is an essential requirement for using the <canvas> element effectively?
• What does the given code snippet create?
• Which of the following will correctly display a page header with subtext?
• What is the purpose of the <head> section in an HTML document?
• Why might a developer choose CSS Grid over Flexbox?
• Which of the following HTML elements defines the structure of the webpage?
• During what phase do you gather insights about user needs?
• What element is necessary for making content responsive in Bootstrap?
• What are ARIA roles?
• What must be true about CSS files when using Bootstrap?
• Which HTML code snippet is correct for creating a table that displays a user's music library?
• What is the effect of the margin property in CSS?
• What is the function of the <body> tag in an HTML document?
• Is it true that completing the design cycle once is sufficient?
• What is the difference between inline, block, and inline-block elements?
• What is a primary task of a web designer?
• What is the main goal of the ideate step of the design process?
• Which of the following is not a part of the CSS box model?
• Which CSS code applies a grayscale filter to all images?
• Which of the following is NOT a good method for a group brainstorm?
• Which methods are considered effective for user testing?
• What is the use of the <meta> tag in HTML?
• Which of the following is considered an example of a web browser?
• How is the Internet best defined?
• Which property is used to change the background color of an element in CSS?
• Which of the following classifies as metadata about a webpage?
• What is the purpose of the <nav> tag in HTML5?
• Which of the following CSS properties is necessary for an animation to be smooth when hover is activated?
• Which layout system should you use for a complex two-dimensional layout?
• Which statement is accurate regarding global Internet access?
• In CSS layout design, what does the term "grid" refer to?
• What is the difference between <span> and <div>?
• Is it essential to maintain a beginner's mindset during design research?
• Which CSS rule will turn the h1 tag blue as the mouse hovers over it?
• How do you embed a Google Map in HTML?
• Why is the testing phase crucial in the design process?
• Which term describes a visual layout designed to enhance user experience on a website?
• True or False: Only people who are new to Bootstrap need to look at documentation.
• Which HTML tag is used for the largest heading?
• Which HTML tag is used to create a simple button?
• Which element is used to create a hyperlink in HTML?
• Which of the following is NOT a step required to view a web page?
• What is the size of the right padding for the given div with specified padding values?
• Which CSS property controls the layout of a webpage?
• Which code snippet will select all HTML elements with the class "alert" and set their color to red?
• Who might need to look something up in HTML/CSS documentation?
• What is the purpose of prototyping in the design process?
• Which CSS property is used to add space inside an element?
• What does the title of a webpage represent?
• How can I select all h1 tags that are immediate children of div tags?
• Which technology is essential for building the structure of a website?
• Which of the following is not part of the Design Cycle?
• What does the display: none; style do?
• What attribute is required in the <img> tag for accessibility?
• How can you specify the layout of a Bootstrap grid?
• What is the smallest device that will display these columns side by side?
• What is the semantic purpose of the <header> tag in HTML5?
• What CSS property can you use to define how an element will animate?