All questions

CodeHS Web Design (Picasso) Practice Test

Browse all practice questions for the CodeHS Web Design (Picasso) Practice Test. Search by topic, open any question and review its full explanation, then test yourself in the practice quiz.

Start practice test Flash cards

All questions

These questions are part of the practice quiz. Start practicing

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

Get the latest from Examzify