web development unit quiz & test
Which of the following statements are true about styling your web pages with CSS: I. Styling with CSS is more scalable than using style= on each HTML tag that you want to style II. You can create styles with CSS that are not possible using style= on an HTML tag I only II only I and II Neither I nor II
I only
CSS rules have a selector that defines which HTML elements the rule applies to. We've learned about the following CSS Selectors: Select by tag name Select by class name Select by id name Which of the following ranks the selectors from highest precedence to lowest precedence? Select by tag name, select by class name, select by id name Select by id name, select by tag name, select by class name Select by id name, select by class name, select by tag name Select by class name, select by id name, select by tag name
Select by id name, select by class name, select by tag name
Suppose you have the following CSS rules: p { color: green; } .fire { color: red; } #title { color: blue; } What font color will the following HTML element have after being styled by the given CSS: <h1 class="fire">Welcome!</h1> red green blue black
red
Which of the following CSS rules will select the HTML element with the id logo and set the font size for that element to 60 pixels? logo { font-size: 60px; } .logo { font-size: 60px; } #logo { font-size: 60px; } id="logo" { font-size: 60px; }
#logo { font-size: 60px; }
Which of the following code snippets will select all HTML elements with the class "alert" and set their color to be red? alert { color: red; } .alert { color: red; } #alert { color: red; } class="alert" { color: red; }
.alert { color: red; }
What is the result of the following HTML code: <ol> <li>Bread</li> <li>Milk</li> <li>Eggs</li> </ol> Bread Milk Eggs - Bread - Milk - Eggs 1. Bread 2. Milk 3. Eggs a. Bread b. Milk c. Eggs
1. Bread 2. Milk 3. Eggs
Which of the following is the correct HTML code to create a hyperlink that displays and links to google.com? <a href="https://google.com"> Click Me </a> <a href="Click Me"> https://google.com </a> Click Me <a>https://google.com</a> <a> Click Me </a href="https://google.com">
<a href="https://google.com"> Click Me </a>
Which of the following HTML code snippets is the proper way to set the background color of an <h1> tag to be blue? <blue> <h1>Hello</h1> </blue> <h1 background-color="blue">Hello</h1> <h1 style="blue">Hello</h1> <h1 style="background-color:blue;">Hello</h1>
<h1 style="background-color:blue;">Hello</h1>
Which of the following is a valid HTML tag? h1 <> <h1> >h1<
<h1>
Which of the following is the proper format for an HTML tag? >h1<Content Affected by Tag >/h1< <h1>Content Affected by Tag<h1> <h1 Content Affected by Tag /> <h1>Content Affected by Tag</h1>
<h1>Content Affected by Tag</h1>
Which of the following lines of HTML code will insert an image into a webpage? <img> https://codehs.com/static/img/logo.png </img> <img> src="https://codehs.com/static/img/logo.png" </img> <img src="https://codehs.com/static/img/logo.png"> <img https://codehs.com/static/img/logo.png>
<img src="https://codehs.com/static/img/logo.png">
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? <a href="https://upload.wikimedia.org/wikipedia/commons/6/62/Big_and_little_dog.jpg">Image</a> <img>https://upload.wikimedia.org/wikipedia/commons/6/62/Big_and_little_dog.jpg</img> <img src="https://upload.wikimedia.org/wikipedia/commons/6/62/Big_and_little_dog.jpg"> <img src="https://upload.wikimedia.org/wikipedia/commons/6/62/Big_and_little_dog.jpg"></img>
<img src="https://upload.wikimedia.org/wikipedia/commons/6/62/Big_and_little_dog.jpg">
Which of the following tags defines a table row? <table> <tr> <th> <td>
<tr>
Which of the following HTML code snippets would produce the following web page: Apples Bananas Oranges <ul> Apples Bananas Oranges </ul> <ol> Apples Bananas Oranges </ol> <ul> <li>Apples</li> <li>Bananas</li> <li>Oranges</li> </ul> <ol> <li>Apples</li> <li>Bananas</li> <li>Oranges</li> </ol>
<ul> <li>Apples</li> <li>Bananas</li> <li>Oranges</li> </ul>
Why do we use CSS? HTML wasn't intended to be able to style web pages, CSS allows us to add style Separate the content of a web page from the design of a web page Easily modify the look and feel of a web site even at a large scale All of the above
All of the above
Suppose you have written a web page using HTML and CSS and it is hosted at the URL yourdomain.com/home.html Which of the following statements is true about which devices can view your website? Only browsers on desktop computers can view your website because only desktop browsers can render HTML based web pages. Only browsers on mobile phones can view your website because only mobile browsers can render HTML based web pages. Only computers made after the day you publish your website can view your website. Older computers can't understand HTML and CSS. Any browser on any device will be able to view your webpage, because all browsers and devices on the Internet agree to use the same protocols for sending, receiving, and viewing webpages.
Any browser on any device will be able to view your webpage, because all browsers and devices on the Internet agree to use the same protocols for sending, receiving, and viewing webpages
What is the function of the <br> tag? Create a line break on the resulting webpage Create a horizontal line on the resulting webpage Italicize text Bold text
Create a line break on the resulting webpage
What is the second step of viewing a web page as described in the video? The Response: The server sends a response to the browser with the resource attached The Request: The browser sends a message to a server requesting a resource Rendering the Page: Your browser takes the resource and renders it in the browser window The URL: You type the URL for the web page into your browser
The Request: The browser sends a message to a server requesting a resource
What is the first step of viewing a web page as described in the video? The Response: The server sends a response to the browser with the resource attached The Request: The browser sends a message to a server requesting a resource Rendering the Page: Your browser takes the resource and renders it in the browser window The URL: You type the URL for the web page into your browser
The URL: You type the URL for the web page into your browser
Which of the following best describes the difference between the domain and path of a URL? The domain specifies where the browser's request should be sent. The path specifies exactly what file is being requested. The domain specifies what kind of file is being requested. The path specifies the name of the file being requested. The domain specifies the name of the file being requested. The path specifies what kind of file is being requested. The domain specifies exactly what file is being requested. The path specifies where the browser's request should be sent.
The domain specifies where the browser's request should be sent. The path specifies exactly what file is being requested.
Which of the following classifies as metadata about a webpage? The tags that make up the body of the webpage A table on a webpage A list on a webpage The title of the webpage
The title of the webpage
Which of the following is an example of metadata about a webpage? The title of the webpage The body of the webpage An <h1> tag on the webpage All of the above
The title of the webpage
What does URL stand for? Underlying Request Layout Underlying Response Layout Uniform Resource Locator Usable Render List
Uniform Resource Locator
Suppose you have the following CSS rules: p { color: green; } .fire { color: red; } #title { color: blue; } What font color will the following HTML element have after being styled by the given CSS: <p class="fire" id="title">Hello World!</p> red blue green black
blue
Suppose you have the following CSS rules: p { color: green; } .fire { color: red; } #title { color: blue; } What font color will the following HTML element have after being styled by the given CSS: <p class="title">My First Paragraph</p> red blue green black
green
Which of the following is a valid CSS rule? h1 { color: blue; } <h1> { color: blue; } h1 { color="blue"; } h1 { color=blue; }
h1 { color: blue; }
Which of the following is a valid CSS rule? h1 { color: blue; } style="color:blue;" css="color:blue;" h1 { color { blue; } }
h1 { color: blue; }
Which of the following code snippets will select all <img> tags on a page and give them a height of 200 pixels? <img style="height:200px;"> tag="img" { height: 200px; } img { height: 200px; } <img> { height: 200px; }
img { height: 200px; }
What is the domain of this URL: www.example.com/home.html www home.html www.example.com HTML
www.example.com
