Web Page Dev Cert Test
How do you represent the hex color #3cbc8d in RGB?
(60,188,141)
CSS comments are added using ____________ syntax.
/* comment */
Precedence (the cascade) is based on:
1. Importance 2. Specificity 3. Source Order
After importance, the more specific a selector is, the higher the precedence will be.
1. inline (higher) 2.ID (#) 3. Class (.) 4.Element tag (lower)
What is the cascading order when more than one style of CSS is specified?
1.Inline style 2.External and internal style sheets 3.Browser default
This simple HTML table has _______ header cells and _______ data cells: <table> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> </table>
2,2
Use the __________ selector to do something with the input field when it gets focus:
:focus
Hyperlinks are defined with the HTML __________ tag:
<a>
The HTML _______ element (or anchor element) creates a hyperlink to other web pages, files, locations within the same page, email addresses, or any other URL.
<a>
The HTML ______________ element represents a self-contained composition in a document, page, application, or site, which is intended to be independently distributable or reusable.
<article>
The HTML ____________ element represents a portion of a document whose content is only indirectly related to the document's main content.
<aside>
The HTML _______ element produces a line break in text (carriage-return).
<br>
The HTML __________ element is used with either the canvas scripting API or the WebGL API to draw graphics and animations.[7]
<canvas>
The HTML ______________ element is used to create a disclosure widget in which information is visible only when the widget is toggled into an "open" state.
<details>
The ________ tag defines a division or a section in an HTML document.
<div>
The ____________ element is a block-level element.
<div>
The HTML ________________ element represents a caption or a legend associated with a figure or an illustration described by the rest of the data of the <figure> element which is its immediate ancestor.
<figcaption>
The HTML ______________ element represents self-contained content, frequently with a caption.
<figure>
The HTML _______________ element represents a footer for its nearest sectioning content or sectioning root element.
<footer>
The HTML ___________ element represents introductory content.
<header>
The HTML __________ element represents the root (top-level element) of an HTML document.
<html>
A ______________ web developer who uses languages like PHP, Ruby, Python, Java, and .Net to build and maintain the functionality of applications and database on a server.
Back-End
The code below is an example of: <!DOCTYPE html> <html> <body> <h1 style="color:blue;text-align:center;">This is a heading</h1> <p style="color:red;">This is a paragraph.</p> </body> </html>
inline CSS
<_________> defines a one-line text input field:
input type="text"
The code below is an example of: <!DOCTYPE html> <html> <head> <style> body { background-color: linen; } h1 { color: maroon;margin-left: 40px; } </style> </head> <body> <h1>This is a heading</h1> <p>This is a paragraph.</p> <body> </html>
internal CSS
With an external style sheet, you can change the look of an entire website by changing just one file! Each HTML page must include a reference to the external style sheet file inside the <_________> element, inside the head section.
link
What is line 7 of this html document accomplishing? <a href="#arc_shot">Arc Shot</a><br />
linking to a specific part of the page
What is this line of html accomplishing? <li><a href="movies.html (Links to an external site.)">Movies</a></li>
linking to another page
___________ surrounds a CSS box, and pushes up against other CSS boxes in the layout.
margin
To align an element in the center, specify a width and then _______________.
margin: auto
The CSS ____________ property, in regard to a list, allows you to specify the distance between the marker and the text relating to that marker.
marker-offset
The ________ attribute specifies how to send form-data (the form-data is sent to the page specified in the action attribute).
method
The HTML <h1>-<h6> elements represent six levels of section headings. <h1> is the highest section level and <h6> is the lowest. <h1> defines the ___________________ heading. <h6> defines the _______________ heading. Example: <h1>Heading Level 1</h1> <h2>Heading Level 2</h2> <h3>Heading Level 3</h3> <h4>Heading Level 4</h4> <h5>Heading Level 5</h5> <h6>Heading Level 6</h6>
most important / least important
What does signify?
non-breaking space
With CSS, for zebra-striped tables, use the ___________ selector and add a ____________ to all even (or odd) table rows:
nth-child(), background-color
The ____________ CSS property specifies what to do when content is too large to fit in its block-level container.
overflow
CSS selectors are used to "find" (or select) the HTML elements you want to style. In the following example what HTML element is being selected: p { text-align: center; color: red; }
p
____________ refers to the inner space of a CSS box — between the outer edge of the content box and the inner edge of the border.
padding
________________ - The element is removed from the normal document flow; no space is created for the element in the page layout. Instead, it is positioned relative to its closest positioned ancestor if any; otherwise, it is placed relative to the initial containing block. Its final position is determined by the values of top, right, bottom, and left.
position: absolute;
______________ - The element is positioned according to the normal flow of the document, and then offset relative to itself based on the values of top, right, bottom, and left.
position: relative;
A CSS ____________ is used to define a special state of an element. For example, it can be used to: Style an element when a user mouses over it Style visited and unvisited links differently Style an element when it gets focus
pseudo-class
A CSS ______________ is a keyword added to a selector that specifies a special state of the selected element(s).
pseudo-class
The following CSS units of measure are defined ___________ to the current element's font-size or viewport size: em - Relative to the font-size of the element ex - Relative to the x-height of the current font ch - Relative to width of the "0" (zero) rem - Relative to font-size of the root element vw - Relative to 1% of the width of the viewport vh - Relative to 1% of the height of the viewport vmin - Relative to 1% of viewport's smaller dimension vmax - Relative to 1% of viewport's larger dimension % - Percentage
relative
A _____________ website adapts the layout to the viewing environment by using fluid, proportion-based grids, flexible images, and CSS3 media queries.
responsive
The <______> tag is used to group inline-elements in a document. It provides no visual change by itself and a way to add a hook to a part of a text or a part of a document.
span
This <img> attribute tells the browser where it can find an image file
src
The internal style is defined inside the <________> element, inside the head section
style
The __________ CSS property sets the horizontal alignment (like left, right, or center) of the content in <th> or <td>.
text-align
The <________> tag defines a multi-line text input control.
textarea
The browser's ___________ is area of the window in which web content can be seen.
viewport
The ____________ CSS property can show or hide an element without affecting the layout of a document.
visibility
The <_______> tag defines a division or a section in an HTML document.
div
An HTML __________ is a piece of text ("string") that begins with an ampersand (&) and ends with a semicolon (;). These are frequently used to display reserved characters (which would otherwise be interpreted as HTML code), and invisible characters (like non-breaking spaces).
entity
The code below is an example of: <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head> <body> <h1>This is a heading</h1> <p>This is a paragraph.</p> </body> </html>
external CSS
The <_________> tag is used to group related elements in a form.
fieldset
The ____________ CSS property specifies that an element should be placed along the left or right side of its container, allowing text and inline elements to wrap around it.
float
The _________ concept calls for page element sizing to be in relative units like percentages, rather than absolute units like pixels or points.
fluid grid
A CSS ____________ is a pre-prepared software framework that is meant to allow for easier, more standards-compliant web design using the Cascading Style Sheets language. Most of these frameworks contain at least a grid. More functional frameworks also come with more features and additional JavaScript based functions, but are mostly design oriented and unobtrusive. This differentiates these from functional and full JavaScript frameworks. Bootstrap is a popular example of a CSS _____________.
framework
What does > signify?
greater than
The _______ attribute specifies the location (URL) of the external resource (most often a style sheet file).
href
To define a specific style for one special element, add an __________ attribute to the element. example: <p _________="p01">I am different</p>
id
The HTML ________ element embeds an image into the document.
<img>
The HTML ______ element is used to represent an item in a list. It must be contained in a parent <ul> or <ol> element.
<li>
When making responsive web pages, add the following ____________ element in all your web pages: <__________ name="viewport" content="width=device-width, initial-scale=1.0">
<meta>
The HTML ____________ element represents a section of a page whose purpose is to provide navigation links.
<nav>
The HTML ____________ element defines a section of HTML to be inserted if a script type on the page is unsupported or if scripting is currently turned off in the browser.
<noscript>
The HTML _______ element represents an ordered list of items, typically rendered as a numbered list.
<ol>
The HTML ______________ element represents a standalone section, which doesn't have a more specific semantic element to represent it.
<section>
The HTML _______________ element is used as a summary, caption, or legend for the content of a <details> element.
<summary>
The _______ tag defines a container for _______ graphics. Which has several methods for drawing paths, boxes, circles, text, and graphic images.
<svg>, SVG
The ___________ tag defines a standard cell in an HTML table.
<td>
The ________ tag defines a header cell in an HTML table.
<th>
The <tr> element is used to group together ________ or _______ values into a single row of table heading or data values.
<th>, <td>
The __________ tag defines a row in an HTML table.
<tr>
The HTML <table> element represents tabular data — that is, information presented in a two-dimensional table comprised of rows and columns of cells containing data.The <table>, _________ , and _________ elements are required to make a table.
<tr> <td>
The HTML ___________ element is used as a child of the media elements <audio> and <video> to specify timed text tracks such as subtitles or closed-captioning.
<track>
The HTML _______ element represents an unordered list of items, typically rendered as a bulleted list.
<ul>
The ___________ CSS at-rule can be used to apply styles based on the result of one or more media queries, which test a device's type, specific characteristics, and environment.
@media
__________ units (px, pt, in, cm, etc.) are appropriate for fixed (print) media. ___________ units (em, ex, ch, rem, vw, vh, vmin, vmax) are appropriate for varied viewing (screen) media.
Absolute, Relative
_________ is used to define styles for your web pages, including the design, layout and variations in display for different devices and screen sizes.
CSS
______________ style sheets can be referenced with a full URL or with a path relative to the current web page. Example: <link rel="stylesheet" href="https://www.w3schools.com/html/styles.css">
External
____________ images are also sized in relative units, so as to prevent them from displaying outside their containing element.
Flexible
A ____________ web developer typically uses HTML, CSS, and JavaScript to write code that users interact with.
Front-End
What is this line of CSS intended to do. p { font-family: "Times New Roman", Times, serif; }
Hold several font names as a "fallback" system, to ensure maximum compatibility between browsers/operating systems.
________________ allow the page to use different CSS style rules based on characteristics of the device the site is being displayed on, most commonly the width of the browser.
Media queries
____________ paths/links only point to a file or a file path. When a user clicks a relative link, the browser takes them to that location on the current site.
Relative
The CSS ____________ is the foundation of layout on the Web — each element is represented as a rectangular box, with the box's content, padding, border, and margin built up around one another, in that order.
box model
The CSS ____________ is the foundation of layout on the Web — each element is represented as a rectangular box, with the box's content, padding, border, and margin built up around one another, in that order.[13]
box model
The <________> tag defines a clickable button.
button
The HTML ___________attribute is used to define equal styles for elements with the same class name.
class
To define a style for special types of elements, add a _______ attribute to the element. example: <p __________="error">I am different</p>
class
With _________ links, you're giving the exact, full address (URL) to the page.
absolute
The _________ attribute specifies where to send the form-data when a form is submitted.
action
This <img> attribute provides a text description of the image which describes the image if you cannot see it.
alt
The HTML <________> element is used to embed sound content in documents.
audio
The _____________ CSS property determines whether that image's position is fixed within the viewport, or scrolls along with its containing block.[36]
background-attachment
__________ sits between the outer edge of the padding and the inner edge of the margin.
border
