Help
Options
Question
Which of the following is a web-based, version-control and collaboration system that will be used in this course to provide a viewable domain for your work?
click to flip
Didn't know it?
click below
click below
Knew it?
click below
click below
Don't know
Question
Which of the following HTML elements wraps all the content on the entire page and is sometimes known as the root element?
Remaining cards (64)
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
html
html language
| Question | Answer |
|---|---|
| Which of the following is a web-based, version-control and collaboration system that will be used in this course to provide a viewable domain for your work? | GitHub |
| Which of the following HTML elements wraps all the content on the entire page and is sometimes known as the root element? | <html> |
| File Path; To link to a target file in the directory above or in a sibling path the invoking HTML file, what syntax is used in the file reference? Ex: If a file named index.html was inside a subfolder named products and referenced an image inside a subfo | 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? | <script src="scripts/script.js"></script> |
| <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> | .linklist ul li |
| An HTML element that contains introductory content. | header |
| Part of an HTML document that is not displayed in the web browser. | head |
| An HTML element that has six levels. | heading |
| "There are 54 days until Christmas!" You can assume that all the variables used in the concatenated expression have been declared and are ready to use. You must include a closing semicolon. | 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. | var |
| 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. | img |
| <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> | <p>The purpose of this temple and all other Latter-day Saint temples is to help all of God’s children come closer to Jesus Christ.</p> </section> |
| class attribute value | highlight |
| <section> | an opening tag |
| class | attribute |
| </p> | closing tag |
| the whole snippet given | section element |
| <h3>Salt Lake Temple</h3> | nested element |
| Salt Lake Temple | content |
| HTML tags are case sensitive. For example, <Main> is different than <main>. | False |
| Make the following content into an HTML comment. This is an HTML comment | <!--This is an HTML comment--> |
| Which of the following file and folder names are appropriate for the web and the standards of this class? Check all that apply | 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. | Styles Scripts Images |
| Another student is getting an HTML validation error on this page <link href="styles/base.css" rel="stylesheet" > <link href="styles/larger.css"> | 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; } | 2 |
| A reset, reboot, or ___________ CSS file is used to reduce browser inconsistencies by making browsers render elements consistently and in line with modern standards. | normalize |
| The __________ is the framed area on a display screen and each responsive web page needs to have a meta tag defined for this property | viewport |
| Which of the following is the correct way to reference a font from the Google Font API? | <link href=" rel="stylesheet"> |
| 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. | Media queries or Media query |
| Which of the following code snippets is the correct way to write an HTML comment? | <!-- Place a storefront picture here --> |
| Rewrite the following div element start tag using an appropriate, semantic HTML5 tag, and be sure to include the opening and closing brackets < >. <div id="footer"> | <footer> |
| Write the document type declaration markup statement for an HTML5 file. Be sure to include the appropriate opening and closing brackets < >. | <!DOCTYPE html> <!doctype html> |
| Why would a web developer want to consider using a normalize.css file or a reset.css file? | They provide a consistent CSS styling across different browsers. Makes it easier to ensure all browsers render your site the same way. |
| 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? | @media (min-width: 38rem) {} h1 { color: red; } The h1 tag in not inside the media query. |
| What size of favicon does Google use/recommend? | a multiple of 48px square |
| If meta tags for social media, e.g., open graph, tags are missing from the HTML document, how do social media sites like Facebook determine the preview image? | They use heuristics to make a best guess about the image given the content. |
| What is the value of the content attribute of the og:title property at BYU-Idaho's home page? | BYU - Idaho |
| Write the CSS declaration that applies the Grid layout to the selector. | display: grid; |
| Write the CSS declaration that applies the Flex box layout to the selector. | display: flex; |
| Scenarios | 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 | Site Purpose |
| A reliable and realistic representations of your key audience segments for reference | Personas |
| provides examples of the fonts to be used and where they are to be applied | Typography |
| a simple layout diagram | Wireframe |
| True or False? CSS Comments can be used to traverse multiple lines as shown here: /* The comment below is used to disable specific styling */ /* span { color: blue; font-size: 1.5em; } */ | 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> | <!-- *** Call to Action *** --> |
| Which of the following HTML elements is an inline-level element by default? | 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? | parent > p |
| What is the name of the UX accessibility and design principle of providing visual or other media clues to make it easy for users to navigate a site or application and locate the information they need? | wayfinding |
| What does the :: syntax in the CSS rule selector do? .active::before { content: "⚙️"; margin-top: .5rem; } | 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. | margin outermost: first border second padding third content last |
| <main> <h2>The Blue Mountain Express</h2> <ul class="linklist"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> </main> | Which of the following CSS selectors only selects the list item elements in the unordered list without error? .linklist li |
| Which of the following uses the correct CSS element selector syntax for a CSS declaration? | img { padding: 1em; border: 1px solid black; } |
| What is the default display value of an <img> element?t! | inline |
| What is the default display property of a paragraph (<p>) element? | block |
| Which of the following CSS Flexible Box Layout properties allows us to set the direction of the flex container items into a single column? | flex-direction |
| What CSS property allows us to clear floats that precede the selected element(s) in the HTML structure? | clear |
| Fill in the blanks (labeled A, B, and C) to ensure that the content is both vertically and horizontally centered as shown. .💪🏽 { display: ____A____; align-items: ___B___; _____C_____: center; } | Answer 1: A flex Answer 2: B center Answer 3: C justify-content |
| Do CSS variables cascade like everything else in CSS? declare a var in the document root pseudo class, :root { --base-color: rgba(200,200,50,.5)} later change the --base-color variable in the CSS under a class. .highlight { --base-color: rgba(200, | true |
| Which CSS property is used to control the spacing between the content and the border of an element? | Padding |
| Which CSS pseudo-class is used to apply styles based on the number of times an element appears in a certain context? | :nth-child |
| p { counter-increment: paras; } p::before { content: '🔸' counter(paras) ':'; } What will be printed in front of the second paragraph on the document? | 🔸2: |
| Complete this thought. All of the following CSS properties add to an element's width except | The Margin |
| Finish this statement about responsive design. CSS media query breakpoints should be based upon | The site content itself and the site layout |
| p img { __________: right; margin: 1em; } |
Created by:
oldr
Popular Computers sets