html language
Quiz yourself by thinking what should be in
each of the black spaces below before clicking
on it to display the answer.
Help!
|
|
||||
|---|---|---|---|---|---|
| show | GitHub
🗑
|
||||
| show | <html>
🗑
|
||||
| show | href="_ ..__/images/sunset.png"
🗑
|
||||
| Which of the following snippets correctly references an external JavaScript file name script.js located in a subfolder named scripts in HTML? | show 🗑
|
||||
| <main> <section class="linklist"> <h2>WDD 230: Assignment Portal</h2> <ul><li>Lesson 02: <a href="lesson02/dpdoc.html">Design Principles Document</a></li> <li>Lesson 03: <a href="lesson03/siteplan.html">Chamber Site Plan</a> </li> | show 🗑
|
||||
| An HTML element that contains introductory content. | show 🗑
|
||||
| show | head
🗑
|
||||
| An HTML element that has six levels. | show 🗑
|
||||
| show | const daysUntil = `There are ${daycount} days until ${targetEvent}!`;
🗑
|
||||
| Which of the following JavaScript variable declaration statements has a function scope versus a block scope? We should avoid using this variable declaration keyword. | show 🗑
|
||||
| Which of the following is a self-closing or void HTML tag? Additional Note: that we should not include a closing backslash in the opening tag for a self-closing element. | show 🗑
|
||||
| <section class="temple highlight"> <h3>Salt Lake Temple</h3> <p>The Salt Lake Temple is a landmark and symbol for The Church of Jesus Christ of Latter-day Saints.</p> | show 🗑
|
||||
| class attribute value | show 🗑
|
||||
| show | an opening tag
🗑
|
||||
| show | attribute
🗑
|
||||
| </p> | show 🗑
|
||||
| the whole snippet given | show 🗑
|
||||
| <h3>Salt Lake Temple</h3> | show 🗑
|
||||
| show | content
🗑
|
||||
| show | False
🗑
|
||||
| Make the following content into an HTML comment. This is an HTML comment | show 🗑
|
||||
| show | images/temple.webpCorrect
scripts/weather.js
🗑
|
||||
| Which of the following folder names does this course use as the standard folder names for asset sub-folders? Check all that apply. | show 🗑
|
||||
| show | A link element is missing the rel attribute.
🗑
|
||||
| Given that the parent items is a CSS grid, how many columns will this <aside> span? aside { border: 1px solid #eee; padding: 2rem; text-align: center; grid-column: 1 / 3; } | show 🗑
|
||||
| A reset, reboot, or ___________ CSS file is used to reduce browser inconsistencies by making browsers render elements consistently and in line with modern standards. | show 🗑
|
||||
| show | viewport
🗑
|
||||
| Which of the following is the correct way to reference a font from the Google Font API? | show 🗑
|
||||
| Adapts your site or app depending on the presence or value of various device characteristics and parameters and are a key component of responsive design. They can shrink the font size on small devices, increase padding between paragraphs. | show 🗑
|
||||
| show | <!-- Place a storefront picture here -->
🗑
|
||||
| show | <footer>
🗑
|
||||
| show | <!DOCTYPE html>
<!doctype html>
🗑
|
||||
| Why would a web developer want to consider using a normalize.css file or a reset.css file? | show 🗑
|
||||
| A member of your group wants help with their media-query-large.css file. The <h1> element's color is not turning red in the larger view as intended. Which of the following feedback statements should you give them? | show 🗑
|
||||
| show | a multiple of 48px square
🗑
|
||||
| show | They use heuristics to make a best guess about the image given the content.
🗑
|
||||
| show | BYU - Idaho
🗑
|
||||
| Write the CSS declaration that applies the Grid layout to the selector. | show 🗑
|
||||
| show | display: flex;
🗑
|
||||
| show | describes the visitors purpose in visiting and using the site of which the site content can provide the answers
🗑
|
||||
| Attempts to provide scope to the website in describing what services it provides | show 🗑
|
||||
| show | Personas
🗑
|
||||
| show | Typography
🗑
|
||||
| a simple layout diagram | show 🗑
|
||||
| show | true
🗑
|
||||
| Make the text *** Call to Action *** in the following HTML example snippet a valid HTML comment. *** Call to Action *** <aside class="cta">Join Now!</aside> | show 🗑
|
||||
| show | img and a
🗑
|
||||
| <div class="parent"> <p>Immediate child 1</p> <p>Immediate child 2</p> <div> <p>Nested child</p> </div> </div> Select the first two p elements but not the nested paragraph? | show 🗑
|
||||
| show | wayfinding
🗑
|
||||
| show | Selects a pseudo-element of the selected element.
🗑
|
||||
| The box model has four, basic components listed below. Match each component to its correct order of appearance from the outermost part of the rectangle model to the innermost part of the model. | show 🗑
|
||||
| show | Which of the following CSS selectors only selects the list item elements in the unordered list without error?
.linklist li
🗑
|
||||
| show | img { padding: 1em; border: 1px solid black; }
🗑
|
||||
| What is the default display value of an <img> element?t! | show 🗑
|
||||
| show | block
🗑
|
||||
| show | flex-direction
🗑
|
||||
| What CSS property allows us to clear floats that precede the selected element(s) in the HTML structure? | show 🗑
|
||||
| show | Answer 1: A
flex
Answer 2: B
center
Answer 3: C
justify-content
🗑
|
||||
| show | true
🗑
|
||||
| show | Padding
🗑
|
||||
| show | :nth-child
🗑
|
||||
| show | 🔸2:
🗑
|
||||
| show | The Margin
🗑
|
||||
| Finish this statement about responsive design. CSS media query breakpoints should be based upon | show 🗑
|
||||
| p img { __________: right; margin: 1em; } | show 🗑
|
Review the information in the table. When you are ready to quiz yourself you can hide individual columns or the entire table. Then you can click on the empty cells to reveal the answer. Try to recall what will be displayed before clicking the empty cell.
To hide a column, click on the column name.
To hide the entire table, click on the "Hide All" button.
You may also shuffle the rows of the table by clicking on the "Shuffle" button.
Or sort by any of the columns using the down arrow next to any column heading.
If you know all the data on any row, you can temporarily remove it by tapping the trash can to the right of the row.
To hide a column, click on the column name.
To hide the entire table, click on the "Hide All" button.
You may also shuffle the rows of the table by clicking on the "Shuffle" button.
Or sort by any of the columns using the down arrow next to any column heading.
If you know all the data on any row, you can temporarily remove it by tapping the trash can to the right of the row.
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
Created by:
oldr
Popular Computers sets