cs103
How do you reference id="somthing" in CSS? a. #something b. $something c. @something d. .somthing
#something
Which operand identifies the remainder of a division in JavaScript? a. % b. - c. / d. \
%
Which JavaScript operator is used for concatenating strings? a. / b. + c. - d. *
+
How would you select all elements with the class "blogpost" in CSS? a. #blogpost { } b. <blogpost> { } c. .blogpost { } d. blogpost { }
.blogpost { }
Which of the following is NOT a pseudo-class selector for hyperlinks in CSS? a. :link b. :active c. :current d. :visited
:current
Which one of the following is NOT a block-level element? a. <table></table> b. <hr> c. <img> d. <li></li>
<img>
Which operator is used for equality (only) in JavaScript? a. != b. = c. === d. <=
===
What is abstraction in the context of computer science? a. A process of reducing complexity for efficient design b. A method for translating programming languages into machine code c. A technique to reveal the technical complexity of systems d. A way to increase complexity in software systems
A process of reducing complexity for efficient design
Who is widely recognized as the first computer programmer? a. Grace Hopper b. Hedy Lamarr c. Katherine Johnson d. Ada Lovelace
Ada Lovelace
What does the Universal Selector (*) do in CSS? a. Resets style sheets to remove browser defaults. b. Selects the first element on the page. c. Selects elements with specific IDs. d. Applies styles to all elements on the page.
Applies styles to all elements on the page.
Under current U.S. law, when is copyright in effect? a. As soon as a work is paid for b. As soon as a work is created c. As soon as a work is published d. As soon as a work is registered
As soon as a work is created
Which one of the following is not a web-accessibility technique for people with Low vision? a. Using text in graphics as opposed to using true text. b. Maximizing color contrast of web pages c. Using flexible width like calc() for font-size, or vh/vw for height and width d. Assigning a value to the alt="" attribute of an image tag.
Assigning a value to the alt="" attribute of an image tag.
What does the abbreviation "BY" in Creative Commons licenses stand for? a. Byline b. Beyond c. Attribution d. Buy
Attribution
Which term refers to unethical SEO? a. Grey-hat SEO b. Red-hat SEO c. White-hat SEO d. Black-hat SEO
Black-hat SEO
Which one is common screen magnifier: a. Neither ZoomText nor Magic b. Magic c. ZoomText d. Both ZoomText and Magic
Both ZoomText and Magic
What does the modulus (%) operator do in JavaScript? a. Multiplies two numbers b. Performs addition c. Calculates the remainder of a division d. Compares two values
Calculates the remainder of a division
Which of the following is not a generic font family used in CSS for font fallback? a. Calibri b. Fantasy c. Serif d. Monospace
Calibri
What does the "calc()" function in CSS allow you to do? a. Create gradients in background colors. b. Combine different units to create responsive text. c. Calculate complex mathematical operations. d. Define a border for elements.
Combine different units to create responsive text.
What does the calc() function allow you to do in CSS? Calculate complex mathematical operations. Define a border for elements. Create gradients in background colors. Combine different units to create responsive text.
Combine different units to create responsive text.
Aside from being a Hollywood actress, what is Hedy Lamarr known for? a. Providing crucial mathematical calculations for space missions. b. Contributing to the development of the modern Wi-Fi technology. c. The development the first compiler. d. Being the first computer programmer.
Contributing to the development of the modern Wi-Fi technology.
What does the <footer></footer> section of a webpage conventionally contain? a. Important content of the webpage b. Important Navigational links c. Copyright statement d. All options are correct
Copyright statement
To be able to show results efficiently (quickly and correctly), search engines constantly monitor websites, index them, and rank them. This process is known as the __________________ _________.
Discovery Step
Which method allows you to apply the same styles to multiple web pages? a. In-line styling using Style attribute b. Internal styling using Style element c. Inline CSS d. External CSS
External CSS
.food{color: purple;} is more specific than li.food{color: purple;} True False
False
A <span></span> tag is a block-level element, often used for styling parts of the content of a textual tag (like a word within a sentence). True False
False
If a user does not have their web browser set to remember history, visited and unvisited links will look different. True False
False
In CS-103 Collaboration among students are always prohibited. True False
False
In CSS positioning absolute positioned items are the parent and the reletive positined items are the cildren. True False
False
In Z-index property an element with lower order is always in front of an element with a greater order. True False
False
In a multi-column layout, you can change the background-color of the parent-div to match the background-color of the longer column, so that all columns would seem to have the same height. True False
False
JS codes can't be incorporated into HTML pages, it must be placed in a .js file and linked to an .html file. True False
False
Positioning is a way to move the elements (boxes) to the left, right, top, bottom and to make them visible/invisible. True False
False
Pseudo-class names are case-sensitive. True False
False
Static web pages are written entirely in HTML/CSS/JS. True False
False
The <audio></audio> tag is a paired tag, and it has 3 required attributes. True False
False
The <img/> tag is a paired tag, and it has 2 required attributes rue False
False
You can not assign a value to a variable in one line. True False
False
You must have only one Media Queries per CSS files. True False
False
Which type of positioning is used when you want an element to stay in the same place in relation to the browser window, regardless of scrolling? a. Relative positioning b. Static positioning c. Absolute positioning d. Fixed positioning
Fixed positioning
What does HTML stand for? a. Hyper Transfer Machine Language b. Human-Tested Markup Language c. Hypertext Markup Language d. High-Level Text Management Language
Hypertext Markup Language
Where can the <script> tag be code be placed in an HTML page? a. In both the head and body sections b. Only in the body section c. Only in the head section d. In neither.
In both the head and body sections
What type of links are typically grouped inside a <nav></nav> tag? a. External Navigation b. Internal Navigation c. All types d. In-page Navigation
Internal Navigation
What is the significance of the <!-- --> tag in HTML? a. It creates hyperlinks b. It allows developers to add comments to their code c. It formats text d. It adds images
It allows developers to add comments to their code
How does the meta-description tag help search engines? a. It helps search engines understand what the webpage is about. b. It determines the page's background color. c. It provides information about the author of the webpage. d. It adds special effects to the webpage.
It helps search engines understand what the webpage is about.
Why is indentation important in HTML coding? a. It's a requirement in HTML syntax b. It improves code readability and maintainability c. It's used to hide code from other developers d. It makes the code run faster
It improves code readability and maintainability
Which video formats are playable in web browsers? a. MKV, FLV, SWF b. AVI, MOV, WMV c. MP4, WebM, Ogg d. MPEG, VOB, TS
MP4, WebM, Ogg
Which one is not a type of positioning: a. No positioning b. Relative positioning c. Fixed positioning d. Absolute positioning
No positioning
Which one of the following people were not mentioned in the lecture regarding web-accesibility features. a. People who are color blind. b. People who are blind or have low vision. c. People who are deaf d. People with severe motor disabilities.
People with severe motor disabilities.
What is a sitemap.xml used for? a. Providing a road map for search engine bots to index website pages. b. Improving website design. c. Preventing search engines from indexing a website. d. Storing website images.
Providing a road map for search engine bots to index website pages.
Which one of the following image formats can be opened in a Web-browser? a. SVG b. Tiff c. BMP d. Raw
SVG
How can you horizontally center an element within its container in CSS? a. Use a large margin on the left b. Apply a fixed width c. Set the display property to "inline" d. Set the margin property to "auto"
Set the margin property to "auto"
Which type of positioning means no-positioning? a. Absolute positioning b. Fixed positioning c. Relative positioning d. Static positioning
Static positioning
When using a work under a Creative Commons license, what must you provide in your copyright statement? a. A direct link to the creator's bank account b. A statement of ownership of the work c. The source, artist, and license of the work d. Your personal information
The source, artist, and license of the work
What happens if you forget to include the controls attribute in a video tag? a. The video will play in a loop. b. The video will be displayed but won't be playable. c. The video will auto-play. d. The video will display with extra controls.
The video will be displayed but won't be playable.
Which of the following is a characteristic of static web pages? a. They are written in JavaScript. b. They can be easily updated by web developers. c. They use server-side programming languages. d. They are written entirely in HTML/CSS.
They are written entirely in HTML/CSS.
How does rgba() and hsla() differ from rgb(), hsl(), hexadecimal, etc.? a. The "a" stands for aesthetics. b. They help you manipulate the opacity of your colors. c. They help you manipulate the luminosity of your colors. d. They are used for designing anchor tags <a></a>.
They help you manipulate the opacity of your colors.
What do block-level elements do? a. They do not start on a new line but force the next element on a new line. b. They start on a new line and force the next element on a new line. c. They start on the same line as the previous element. d. They do not start on a new line and do not force the next element on a new line.
They start on a new line and force the next element on a new line.
Which one of the following is not among characteristics of Visual Hierarchy? a. The most important things are the most prominent. b. Things, that are related logically, should also be related visually. c. Things that are visually appealing must be more important. d. Things that are "nested" visually must show what is part of what.
Things that are visually appealing must be more important.
Which one of the following font families is not defined in CSS? a. Cursive b. Times New Roman c. Sans-serif d. Fantasy
Times New Roman
What is the purpose of the innerHTML property in JavaScript? a. To add content inside an HTML element. b. To print to the console c. To access external files d. To define data types
To add content inside an HTML element.
What is the main purpose of Creative Commons licenses? a. To take away copyright from the creator b. To restrict access to creative works c. To allow others to reuse content with specified conditions d. To protect copyright holders from any use of their work
To allow others to reuse content with specified conditions
In web-development, what is the primary goal of Graphic Design? a. To make every element on the page equally prominent b. To create a clear visual hierarchy of contrast c. To make the webpage visually complex d. To use a wide variety of fonts and colors
To create a clear visual hierarchy of contrast
What is the primary goal of responsive design in web development? a. To design websites with fancy animations b. To develop mobile applications c. To create visually appealing websites d. To make websites work well on all devices
To make websites work well on all devices
In CSS, what is the purpose of using pseudo-class selectors? a. To specify a state or relation to an element b. To create animations c. To target HTML tags d. To control layout and positioning
To specify a state or relation to an element
By manipulating the display property of an in-line element or a block-level-element, you can change the area that is occupied by that element. Using flex-box, you can achieve the same results from the parent element. True False
True
Can simultaneously assign an id attribute and a class attribute to an HTML tag. True False
True
Different operating devices have different system fonts installed. True False
True
Disney's animated film, Snow White and the Seven Dwarfs (1937), is still protected under Disney's copyrights. True False
True
In media queries, screen is the "media type", max-width is the "feature", 768 is the "value", and px is the "unit". True False
True
In the shorthand property of transition order of none-numerical values don't matter. True False
True
Our style sheets override the default browser style sheets. True False
True
Pseudo-classes are bolted on to selectors to specify a state or relation to the selector. True False
True
The <video></video> tag is a paired tag, and it has 2 required attributes True False
True
The input tag is a stand-alone tag that is conventionality paired with a lable tag. True False
True
The script tag is a paired tag and must have a closing tag True False
True
The value of an input is a "string" by default. True False
True
z-index only works on positioned elements. True False
True
Server-side web programming languages run on the: a. Database server b. User's computer c. Web browser d. Web server
Web server
How do computers denote ON and OFF states? a. With the letters A and B b. With binary numbers 0 and 1 c. With mathematical symbols + and - d. With colors red and green
With binary numbers 0 and 1
Assume you had an h3 tag in a div tag with id="one" and you wanted to change the opacity of your h3 tag so that it would become invisible when you hovered over your div tag. Which one of the following code would satisfy that? a. #one:hover h3{color: rgba(122,255,255,0);} b. #one:h3 hover{opacity: 1;} c. h3:hover #one{opacity: 0;} d. #one:hover h3{opacity: 1;}
a. #one:hover h3{color: rgba(122,255,255,0);}
Select all the things you can do with @Media Queries: a. Push widgets and sidebars to the bottom of the page b. Hide search box c. Trigger transitions or animations from JavaScript d. Execute server-side code e. Change font sizes f. Create new elements g. Reduce number of columns in layout h. Manipulate JavaScript functionality i. Modify the DOM structure j. Suppress navigation / show hamburger menu
a. Push widgets and sidebars to the bottom of the page b. Hide search box e. Change font sizes g. Reduce number of columns in layout j. Suppress navigation / show hamburger menu
What are the 2 required attributes of the <img> tag? a. alt="" and href="" b. href="" and src="" c. alt="" and src="" d. border="" and alt=""
alt="" and src=""
Which is the right way of adding a background image? a. background-image: href("src/1.jpg"); b. background-image: src("src/1.jpg"); c. <img url="src/1.jpg" alt="One"> d. background-image: url("src/1.jpg");
background-image: url("src/1.jpg");
Which coloring method allows users to increase or decrease the opacity of their colors? a. both rbga() and hsla() b. hsla() c. hex-code d. rgba()
both rbga() and hsla()
Which CSS property allows you to control the size inside boxes and prevents padding from stretching beyond the specified width? a. margin b. max-width c. box-sizing d. width
box-sizing
When using the class attribute as a selector, how do you specify it in CSS? a. # b. @ c. . d. $
c. .
How do you specify a color in CSS using hexadecimal codes? a. color: #FF0000; b. color: red; c. color: rgb (255, 0, 0); d. color: hsl (0, 100%, 50%);
color: #FF0000;
What CSS property:value must be applied to list-items to create a horizontal navigation menu? a. display: inline; b. display: flex; c. display: none; d. display: block;
display: inline;
Which one correctly adds the hover effect to the h1 selector: a. h1:hover {color: hotpink;} b. h1.hover {color: hotpink;} c. h1,hover {color: hotpink;} d. h1 hover {color: hotpink;}
h1:hover {color: hotpink;}
Which attribute is required for the anchor (<a>) tag when creating an external link in HTML? a. href b. target c. rel d. src
href
Of the following, which one is the most specific? a. .writing-intensive {color: green;} b. li {color: green;} c. ul li{color: green;} d. li.writing-intensive {color: green;}
li.writing-intensive {color: green;}
Put the folowing pseudo-class selectors for hyperlinks in the right order, so that they would be effective: [visited] [hover] [link] [active] [focus]
link visited hover focus active
Which property is conventionaly used to make images responsive? a. calc() b. max-width c. % d. vh/vw
max-width
Which CSS property is used to add white space inside of an element? a. padding b. margin c. float d. border
padding
Chose the correct file format for robots: a. robots.pdf b. robots.docx c. robots.html d. robots.txt
robots.txt
Which one is a transition property: a. transition-function-timing: b. transition-property-duration c. transition-delay-duraion: d. transition-timing-function:
transition-timing-function:
What are the names of the underlined fields in CSS? ul {margin: 0;} write your answers like this: ul is the ________ margin is the _______
ul is the Selector margin is the Property
In responsive design, which CSS unit is relative to the width of the screen? a. px b. vw c. vh d. calc()
vw
