Web Dev Foundations - D276 Flashcards
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.
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
Which CSS selector represents the first-child pseudo-class selector?
- .first-child
- # first-child
- :first-child
- ::first-child
- :first-child
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
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”
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).
Which feature helps the user find content throughout a website?
- Image map
- Glossary
- Breadcrumbs’
- Site map
- Site map
<!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
<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
- rem
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;
}In what year did the Internet begin with four networked computers?
1969
In what year did the number of Internet users surpass 3 billion?
2015
How many Domain Name System (DNS) servers currently exist in the world?
13
What is the Third-level domain in the following multi-level domain name? cs.stanford.edu
cs
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
True or False? HTML comments should be used to ensure that the addition of random white space will not affect rendering in browsers.
False
Which of the following are examples of empty, or void, element tags? Select all that apply.
<br></br>
<hr></hr>
<img...>
<meta></meta>
<div>...</div>
<h1>...</h1>
</img...>
<br></br>
<hr></hr>
<img...>
<meta></meta>
</img...>
How many heading element tags are there?
6
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>
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)
True or false? Hyperlinks can only contain text.
False
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
True or false? Hyperlinks can only contain text.
False
True or false? An HTML entity always begins with an ampersand (&) and ends with a semi-colon (;).
True
What required <form> attribute specifies the manner in which the browser will send form data to a web server?
- action
- get
- method
- post
- method
This required <form> 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 <form> 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 <form> 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.
- <footer>...</footer>
- <header>...</header>
- <section>...</section>
- <span>…</span>
- <br></br>
- <img></img>
- <footer>...</footer>
- <header>...</header>
- <section>...</section>
- <span>…</span>
