Which pair of characteristics differentiate HTML from XML? HTML is dynamic; XML is extensible. HTML is static; XML has a limited number of tags. HTML is static; XML is extensible. HTML is dynamic; XML has a limited number of tags.

HTML is static; XML is extensible.

What are two unique characteristics that define a polygon hot spot? Choose 2 answers. Includes a radius coordinate Specifies a center point Gives diameter measurement Begins and ends at the same pair of coordinates Contains many pairs of coordinates

Begins and ends at the same pair of coordinates Contains many pairs of coordinates A Polygon Hotspot lets you define a clickable area

Regarding the parts of a URL, what is a Fragment? Characters at the beginning of a URL followed by a colon (:) or a colon and double slashes (://). Optional characters to the right of the question mark (?) in a URL that provide data for the web server. The characters to the right of the hostname in a URL. Optional characters at the end of a URL that start with a hash symbol (#) and refer to a certain location within a webpage. The complete domain name following the scheme in a URL

Optional characters at the end of a URL that start with a hash symbol (#) and refer to a certain location within a webpage.

Identify all of the CONDITIONS below that could affect web accessibility. American Disabilities Act (ADA) Cognitive challenges like dyslexia and other difficulties in processing webpages Hand control issues ranging from tremors to total inability to use hands Seizures caused by flashing on the screen Drag-and-Drop functionality Visual problems like blindness, low vision, or color blindness

Cognitive challenges like dyslexia and other difficulties in processing webpages Hand control issues ranging from tremors to total inability to use hands Seizures caused by flashing on the screen Visual problems like blindness, low vision, or color blindness

Select the three popular image formats supported by web browsers. Document Object Model (DOM) GIF (Graphics Interchange Format) BMP JPEG (Joint Photographic Experts Group) PNG (Portable Network Graphics)

GIF (Graphics Interchange Format) JPEG (Joint Photographic Experts Group) PNG (Portable Network Graphics)

Web Dev Foundations - D276 Flashcards by J A

Which pair of characteristics differentiate HTML from XML?

HTML is dynamic; XML is extensible.
HTML is static; XML has a limited number of tags.
HTML is static; XML is extensible.
HTML is dynamic; XML has a limited number of tags.

HTML is static; XML is extensible.

How well did you know this?

Not at all

Perfectly

Which technique for implementing CSS in an HTML file is used for page-level style declarations?

External CSS
Style attribute
Link tag
Internal CSS

Internal CSS

How well did you know this?

Not at all

Perfectly

Which CSS selector represents the first-child pseudo-class selector?

.first-child
# first-child
:first-child
::first-child

:first-child

How well did you know this?

Not at all

Perfectly

Which CSS selector is used to style general sibling elements?

(~) selects all elements that are next siblings of a specified element.

(. ) selects classes

(* ) select all elements

(+ ) Adjacent sibling combinator

How well did you know this?

Not at all

Perfectly

What are two unique characteristics that define a polygon hot spot?

Choose 2 answers.

Includes a radius coordinate
Specifies a center point
Gives diameter measurement
Begins and ends at the same pair of coordinates
Contains many pairs of coordinates

Begins and ends at the same pair of coordinates
Contains many pairs of coordinates

“A Polygon Hotspot lets you define a clickable area”

How well did you know this?

Not at all

Perfectly

p { 
  padding: 5px 10px 15px; 
  height: 20px; 
  width: 60px; 
  border: 5px solid #000000; 
}

What is the total width and total height of the paragraph element?

width = 90px and height = 50px
width = 80px and height = 40px
width = 85px and height = 45px
width = 75px and height = 55px

width = 90px and height = 50px

1 value - applies to all four sides.
2 values - first = top and bottom, second = left and right.
3 values - top, right and left, bottom.
4 values - top, right, bottom, and left in that order (clockwise).

How well did you know this?

Not at all

Perfectly

Which feature helps the user find content throughout a website?

Image map
Glossary
Breadcrumbs’
Site map

Site map

How well did you know this?

Not at all

Perfectly

<!DOCTYPE html>
<html>
  <head>
    <title>Page Title</title>
    <style>
      p:first-child {
        color: orange;
      }
      p:last-child {
        color: blue;
      }
      p:nth-last-child(2) {
        color: green;
      }
    </style>
  </head>

  <body>
    <p>This is sentence one.</p>
    <p>This is sentence two.</p>
    <p>This is sentence three.</p>
    <p>This is sentence four.</p>
  </body>

What is the text color for the statement, “This is sentence two”?

Black
Blue
Green
Orange

Black

p:first-child targets sentence one

p:last-child targets sentence 4

p:nth-last-child(2) targets sentence 3

How well did you know this?

Not at all

Perfectly

<html>
<head>
  <style>
      html {
        font-size:16px;
      }
  </style>
</head>
<body>
  <p>By default all text has a font size of 16px.</p>
  <div>This sentence is double the size.</div>
</body>
</html>

Which unit of measurement sets the text size of the <div> element to be double that of the <html> element?

ch
ex
rem
vmin

How well did you know this?

Not at all

Perfectly

Which set of CSS rules will create a fluid layout?

answer A:
body {
  margin: auto;
  border: solid 1px gray;
}
main {
  padding-left: 35%;
  border: solid 1px gray;
}
aside {
  width: 30%;
  float: left;
  border: solid 1px gray;
}

answer B:
body {
  width: 960px;
  margin: auto;
  border: solid 1px gray;
}
main {
  width: 670px;
  padding-left: 290px;
  border: solid 1px gray;
}
aside {
  width: 285px;
  float: left;
  border: solid 1px gray;
}

answer C:
body {
  width: 100%;
  margin: auto;
  border: solid 1px gray;
}
main {
  width: 670px;
  padding-left: 290px;
  border: solid 1px gray;
}
aside {
  width: 285px;
  float: left;
  border: solid 1px gray;
}

answer D:
body {
  width: 100%;
  margin: auto;
  border: solid 1px gray;
}
main {
  width: 70%;
  padding-left: 290px;
  border: solid 1px gray;
}
aside {
  width: 285px;
  float: left;
  border: solid 1px gray;
}

answer E:
body {
  width: 960px;
  margin: auto;
  border: solid 1px gray;
}
main {
  padding-left: 35%;
  border: solid 1px gray;
}
aside {
  width: 30%;
  float: left;
  border: solid 1px gray;
}

answer A:
body {
  margin: auto;
  border: solid 1px gray;
}
main {
  padding-left: 35%;
  border: solid 1px gray;
}
aside {
  width: 30%;
  float: left;
  border: solid 1px gray;
}

How well did you know this?

Not at all

Perfectly

In what year did the Internet begin with four networked computers?

1969

How well did you know this?

Not at all

Perfectly

In what year did the number of Internet users surpass 3 billion?

2015

How well did you know this?

Not at all

Perfectly

How many Domain Name System (DNS) servers currently exist in the world?

How well did you know this?

Not at all

Perfectly

What is the Third-level domain in the following multi-level domain name? cs.stanford.edu

How well did you know this?

Not at all

Perfectly

Regarding the parts of a URL, what is a Fragment?

Characters at the beginning of a URL followed by a colon (:) or a colon and double slashes (://).
Optional characters to the right of the question mark (?) in a URL that provide data for the web server.
The characters to the right of the hostname in a URL.
Optional characters at the end of a URL that start with a hash symbol (#) and refer to a certain location within a webpage.
The complete domain name following the scheme in a URL

Optional characters at the end of a URL that start with a hash symbol (#) and refer to a certain location within a webpage.

How well did you know this?

Not at all

Perfectly

Identify all of the CONDITIONS below that could affect web accessibility.

American Disabilities Act (ADA)
Cognitive challenges like dyslexia and other difficulties in processing webpages
Hand control issues ranging from tremors to total inability to use hands
Seizures caused by flashing on the screen
Drag-and-Drop functionality
Visual problems like blindness, low vision, or color blindness

Cognitive challenges like dyslexia and other difficulties in processing webpages
Hand control issues ranging from tremors to total inability to use hands
Seizures caused by flashing on the screen
Visual problems like blindness, low vision, or color blindness

How well did you know this?

Not at all

Perfectly

True or False? HTML comments should be used to ensure that the addition of random white space will not affect rendering in browsers.

False

How well did you know this?

Not at all

Perfectly

Which of the following are examples of empty, or void, element tags? Select all that apply.

<img...>
<meta></meta>
<div>...</div>
<h1>...</h1>
</img...>

<img...>
<meta></meta>
</img...>

How well did you know this?

Not at all

Perfectly

How many heading element tags are there?

How well did you know this?

Not at all

Perfectly

Select the three optional table tags that browsers may use to allow scrolling of the table body independently from the table header and table footer.

<tbody>...</tbody>
<tfoot>...</tfoot>
<thead>...</thead>
<th>...</th>

<tbody>...</tbody>
<tfoot>...</tfoot>
<thead>...</thead>

How well did you know this?

Not at all

Perfectly

Select the three popular image formats supported by web browsers.

Document Object Model (DOM)
GIF (Graphics Interchange Format)
BMP
JPEG (Joint Photographic Experts Group)
PNG (Portable Network Graphics)

GIF (Graphics Interchange Format)
JPEG (Joint Photographic Experts Group)
PNG (Portable Network Graphics)

How well did you know this?

Not at all

Perfectly

True or false? Hyperlinks can only contain text.

False

How well did you know this?

Not at all

Perfectly

True or false? A absolute URL specifies the relative path to the web resource with no scheme or hostname

False

https://cart.com is an absolute URL

examples of relative URLs:

cart.com
../products/phones.html
#section-1.
?category=electronics

How well did you know this?

Not at all

Perfectly

True or false? Hyperlinks can only contain text.

False

How well did you know this?

Not at all

Perfectly

True or false? An HTML entity always begins with an ampersand (&) and ends with a semi-colon (;).

True

What required

* method

This required attribute specifies the name and location of the CGI script used to process the form. * action * get * method * post

* action CGI stands for Common Gateway Interface and provides an interface between the HTTP server and programs generating web content. These programs are better known as CGI scripts.

What method attribute value instructs the browser to append the form data to the URL for use in a query string? * method * action * get * post

* get

What method attribute value allows sending more characters and is slightly more secure when submitting a Web-based form? * method * action * get * post

* post

Select the containers from the following HTML elements. * *

...

* ... *
*

* *

...

* ...

Select the five (5) primary attributes for a element. * id * name * placeholder * type * value * manifest * method

* id * name * placeholder * type * value

Which attribute allows the input to start with a default value? * value * id * name * type

* value

True or false? A drop-down menu only allows one option to be selected.

True

An element must have a value attribute.

False

True or false? Even though it may not be required, a web developer should always use the closing tag to mark the end of the tag content.

True

True or false? The use of self-closing element tags should be avoided.

True

True or false? It is good practice to use double quotes, which in general results in more readable HTML.

True

True or false? A boolean attribute is false when present and true when absent.

False

True or false? Developer guidelines suggest that you should always provide labels and/or placeholders for widgets.

True

True or false? Good practice is to avoid using tables to manage tabular data and to avoid using CSS to manage page layout.

False

Select the three (3) valid methods of implementing CSS for a web page. * embedded * external * inline * absolute link * anchor

* embedded * external * inline

Can XML tags be invented?

Yes

XML simplifies the coding process regarding which of the following? Select all that apply. * Data Availability * Data Sharing * Data Transport * Platform Changes

* Data Availability * Data Sharing * Data Transport * Platform Changes

True or false? XML does not use predefined tags?

True

What is the XML equivalent to the HTML Doctype declaration? * The XML prolog *The XML attribute * The XML entry * The XML root

* The XML prolog

Which of the following is the definition of a CSS declaration? * A CSS property followed by a colon (:) and the property value * One or more declarations separated by semicolons (;) * The HTML elements to which the specific style rule applies

* A CSS property followed by a colon (:) and the property value

Of the following, select the valid ways CSS can be implemented. * embedded * external * inline * absolute link * browser default

* embedded * external * inline

An inline style uses curly braces ({}).

False

Of the following, select all valid pseudo-class selector examples. * :empty * :enabled * :hover * :lang(language) * .bold-red * alt

* :empty * :enabled * :hover * :lang(language)

The child selector, specified by using what symbol between two selectors, matches any elements where the second element is a direct child of the first element? * > * : * < * ~

* > `div > p` Selects all

elements where the parent is a

element `p ~ ul` Selects every

element

Which CSS selector, specified using a tilde character (~) between two selectors, matches the second element if the second element occurs after the first element and both elements are siblings? * general sibling * class * id * pseudo-class

* general sibling

Which CSS selector, specified by using a plus character (+) between two selectors, matches an element that immediately follows another element, where both elements have the same parent? * adjacent sibling * descendant * general sibling * pseudo-class

* adjacent sibling

Of the following, select all selectors known as combinators. * adjacent sibling * child * descendant * general sibling * class * pseudo-class

* adjacent sibling * child * descendant * general sibling

How is an attribute selector created in CSS? *Specified with an attribute name and optional value comparison enclosed in square brackets ([ and ]). * Top *Characters at the beginning of a URL followed by a colon (:) or a colon and double slashes (://). * When style declarations from a parent element cascade down and are applied to any child elements.

*Specified with an attribute name and optional value comparison enclosed in square brackets ([ and ]).

Of the following, select the valid ways that we can specify color. * Hexadecimal color * HSL color value * RGB color value * RGBA color value * * browser default

* Hexadecimal color * HSL color value * RGB color value * RGBA color value

An absolute size is a size that is fixed and independent of other CSS sizes. Of the following, select all absolute size units. * cm - centimeters * in - inches * mm - millimeters * pc - pica * pt - points * px - pixels

The box model references which of the following components of all HTML elements? * border * content * margin * padding * action

* border * content * margin * padding

What is an element that has the CSS property display set to grid to create a block-level container or inline-grid to create an inline container? * grid container * grid item * grid layout * grid-template-columns

* grid container

Which CSS position property value positions an element relative to the nearest positioned ancestor? * absolute * fixed * relative * static

* absolute

True or false? Multiple shadows can apply to the same text.

True

Select all applicable properties to be used with the box-shadow CSS property. * blur-radius * color * inset * offset-x * offset-y * spread-radius * box model

* blur-radius * color * inset * offset-x * offset-y * spread-radius

To create a CSS animation, which two (2) CSS properties must be defined? *animation-duration * animation-name * action * anchor

*animation-duration * animation-name

True or false? If animation-duration is assigned the value 0s, the animation occurs very quickly.

False

Which CSS property controls the speed of an animation between keyframes? * animation-timing-function * animation-delay * animation-duration * animation-function

* animation-timing-function

Which CSS property indicates the number of times a CSS animation will run? * animation-iteration-count * animation-direction * animation-duration * animation-timing-function

* animation-iteration-count

Which function moves an element 20 pixels to the left and 5 pixels down? * translate(-20px,5px) * translate(-20,5) * translate(100%,5em) * translate(20px,-5px)

* translate(-20px,5px)

True or false? Links are generally larger on mobile websites.

True

Which of the following is a characteristic of a browser, device, or environment? (ex: aspect-ratio, height, and orientation) * media type * media feature

* media feature

What is the easiest method for opening the Chrome devtools? * pressing the f12 key on your keyboard while using Chrome * by concentrating intently on the Google logo within the Chrome browser * by pressing the Open DevTools key on your keyboard while using Chrome * by right-clicking on an empty space within a webpage being displayed in Chrome

* pressing the f12 key on your keyboard while using Chrome

What is a root folder for a website? * the parent folder of the folder where the CSS files are saved for a webpage * the root folder on the web server * the folder where the website files are stored * the subfolder of the web server root folder

* the folder where the website files are stored

Which two statements accurately describe the differences between HTML and XML? * HTML is a display language, while XML is a data storage language. * HTML and XML are identical. No differences. * HTML files and XML files have different file extensions (.html and .xml). * HTML is case sensitive, while XML is not case sensitive.

* HTML files and XML files have different file extensions (.html and .xml). * HTML is a display language, while XML is a data storage language.

Which state describes the relationship between Dynamic HTML (DHTML) and the Document Object Model (DOM)? * DHTML defines the style of a web page, and the DOM provides interactivity and animation features. * The DOM and DHTML are two distinct languages for both establishing the structure and modifying the look and feel of a web page. * The DOM is a standard way to define style configurations for DHTML. * HTML utilizes a collection of technologies, including the DOM, to control the overall appearance and function of a webpage.

* HTML utilizes a collection of technologies, including the DOM, to control the overall appearance and function of a webpage.

What is the difference between AJAX and DHTML? * DHTML and AJAX perform the same function in browsers. * DHTML supports content display from remote resources, AJAX supports its display in a browser. * DHTML is for interaction and AJAX is for data storage. * DHTML is used for animation and AJAX is for media display.

* DHTML supports content display from remote resources, AJAX supports its display in a browser.

What is one of the most important aspects of designing web pages for mobile devices? * Making navigation touchscreen compatible * Reducing the number of colors used in images * Tailoring content to individual mobile device platforms * Prioritizing content

* Prioritizing content

Which laws enforce rules and regulations over web page content globally? * The US Copyright law regarding ownership * The American Disability Act, Section 508 guidelines * The standards created by the World Wide Consortium * The United Nations regulations on information display

* The US Copyright law regarding ownership

Which phase of the web page life cycle is concerned with deprecated hyperlinks? * Design and Development * Purpose and Requirements Analysis * Deployment and Maintenance * Testing and Implementation

* Deployment and Maintenance

Which language is not used to connect with a server-side programming language for web development? * CGI * HTML * JavaScript * PHP

* HTML

Web Dev Foundations - D276 Flashcards

(77 cards)