Introduction to Web Development Exam Bank

Course Introduction

Introduction to Web Development provides students with foundational knowledge and practical skills to create and maintain websites. The course covers essential web technologies, including HTML for structuring content, CSS for styling, and basic JavaScript for interactive features. Students will learn about web standards, responsive design principles, and best practices for accessibility and usability. Through hands-on projects, learners will build and publish their own web pages, gaining experience with development tools and workflows essential for modern web development. This course prepares students for more advanced study in web technologies and digital applications.

Recommended Textbook

HTML5 and CSS3 Illustrated Complete 2nd Edition by Sasha Vodnik

Available Study Resources on Quizplus

16 Chapters

1187 Verified Questions

1187 Flashcards

Source URL: https://quizplus.com/study-set/2836

Page 2

Chapter 1: Getting Started With HTML

Available Study Resources on Quizplus for this Chatper

75 Verified Questions

75 Flashcards

Source URL: https://quizplus.com/quiz/56542

Sample Questions

Q1) A website's ease of use is known as ________________.

Answer: usability

Q2) The contents of the ________________ section are visible in the main window of a web browser and include elements like paragraphs and headings.

Answer: body

Q3) In the figure above, the meta element can be referred to as a ____ element of the html element.

A) grandparent

B) grandchild

C) sibling

D) cousin

Answer: B

Q4) You must test your web page on different servers because rendering engines translate web page elements differently._________________________

A)True

B)False

Answer: False

To view all questions and flashcards with answers, click on the resource link above. Page 3

Chapter 2: Structuring Content in a Web Document

Available Study Resources on Quizplus for this Chatper

75 Verified Questions

75 Flashcards

Source URL: https://quizplus.com/quiz/56543

Sample Questions

Q1) Which of the following sets the lower limit on the scale of the viewport?

A) min-width

B) min-height

C) minimum-scale

D) min-viewport

Answer: C

Q2) In the figure above, item _____ points to a semantic element.

A) 1

B) 2

C) 3

D) 4

Answer: A

Q3) Main elements of site and page navigation

A)footer

B)aside

C)article

D)nav

E)section

Answer: D

To view all questions and flashcards with answers, click on the resource link above.

Page 4

Chapter 3: Getting Started With CSS

Available Study Resources on Quizplus for this Chatper

71 Verified Questions

71 Flashcards

Source URL: https://quizplus.com/quiz/56544

Sample Questions

Q1) Tim discovers, through trial and error, that he cannot assign the same id value to multiple elements.He quickly changes his strategy and uses a(n) ______ attribute instead.

A) class

B) type

C) div

D) named

Answer: A

Q2) The ____ selector specifies a series of nested elements and selects the final, most deeply nested element.

A) direct child

B) next sibling

C) direct next sibling

D) descendant

Answer: D

Q3) Web page rendering engines recognize declarations after a selector as starting after an opening curly brace.

A)True

B)False

Answer: True

To view all questions and flashcards with answers, click on the resource link above. Page 5

Chapter 4: Laying Out Elements With CSS

Available Study Resources on Quizplus for this Chatper

75 Verified Questions

75 Flashcards

Source URL: https://quizplus.com/quiz/56545

Sample Questions

Q1) A margin shorthand property can have up to four values._________________________

A)True

B)False

Q2) The size of the ____, border, and margin all increase the amount of space on a web page that an element occupies or influences.

A) picture

B) frame

C) style

D) padding

Q3) Referring to the figure above, the maximum width for the element is ____.

A) 44em

B) 60em

C) 0

D) You cannot tell from the figure.

Q4) An element with a smaller z-index value is displayed on top of an element with a larger value.

A)True

B)False

Q5) A logo is often placed on a page using _______________ positioning.

Page 6

To view all questions and flashcards with answers, click on the resource link above.

Chapter 5: Formatting Text With CSS

Available Study Resources on Quizplus for this Chatper

75 Verified Questions

75 Flashcards

Source URL: https://quizplus.com/quiz/56546

Sample Questions

Q1) A font ____ is a list of font families in order of preference, separated by commas.

A) property

B) family

C) set

D) stack

Q2) text appears in small caps

A)font-style

B)font-variant

C)font

D)font-weight

E)font-size

Q3) Name the four CSS color systems and list the advantages and disadvantages of each.

Q4) Referring to the figure above, Papyrus and Impact are examples of ____ fonts.

A) Serif

B) Sans serif

C) Fantasy

D) Cursive

To view all questions and flashcards with answers, click on the resource link above. Page 7

Chapter 6: Inserting and Working With Links

Available Study Resources on Quizplus for this Chatper

74 Verified Questions

74 Flashcards

Source URL: https://quizplus.com/quiz/56547

Sample Questions

Q1) Although you can link to documents in almost any format from your web pages, it's important to keep in mind that Java documents are the only ones that your users are guaranteed to be able to access._________________________

A)True

B)False

Q2) Referring to the figure above, the first section showing "https:" is the ____.

A) scheme

B) server name

C) path

D) family

Q3) To create a link, you enclose the text you want to serve as a link within an a element using the <cl></cl> tag pair.

A)True

B)False

Q4) You need to clear the ______ to reset the appearance of links to their default :link state.

Q5) Briefly define the following terms and include how they are related to each other: URL, web address, scheme, HTTP, HTTPS, server name, and path.

To view all questions and flashcards with answers, click on the resource link above. Page 8

Chapter 7: Inserting and Working With Images

Available Study Resources on Quizplus for this Chatper

74 Verified Questions

74 Flashcards

Source URL: https://quizplus.com/quiz/56548

Sample Questions

Q1) ____ works best for art that contains limited numbers of colors and areas with defined borders between areas.

A) PNG

B) GIF

C) JPG

D) JPG.

Q2) User agents have a default behavior of ___________________ small background images, meaning that the images are displayed repeatedly both across and down a page to fill up the browser window.

Q3) To create a multi-sided hotspot, you should set the shape value to _________.

Q4) Referring to the figure above, which image(s) results in the best balance of file size and quality.

A) lower-left image

B) lower-middle image

C) lower-right image

D) both a and c

Q5) You add an image to a web page by linking to a separate file.

A)True

B)False

To view all questions and flashcards with answers, click on the resource link above. Page 9

Chapter 8: Organizing Content With-Lists And-Tables

Available Study Resources on Quizplus for this Chatper

75 Verified Questions

75 Flashcards

Source URL: https://quizplus.com/quiz/56549

Sample Questions

Q1) When a table contains cells that repeat the same content across a row or down a column, you can improve usability by removing all but one occurrence of the content formatting the cell to be displayed across multiple columns or rows.

A)True

B)False

Q2) A table organizes data in horizontal ________________.

Q3) When creating a table in HTML, ____ marks the content of a header cell.

A) td

B) th

C) ud

D) uh

Q4) You mark an unordered list item content with the same ________________ element that you use for an ordered list.

Q5) Setting list-style-type to ________________ prevents bullet characters from displaying next to each item.

Q6) Referring to the figure above, the code specifies the file browntri.gif as the bullet character for ________________ lists.

Q7) The HTML ol element creates a type of list known as a(n) ________________ list.

To view all questions and flashcards with answers, click on the resource link above. Page 10

Chapter 9: Implementing Responsive Design

Available Study Resources on Quizplus for this Chatper

74 Verified Questions

74 Flashcards

Source URL: https://quizplus.com/quiz/56550

Sample Questions

Q1) In many layouts, you want to specify a breakpoint at which the content height stops increasing._________________________

A)True

B)False

Q2) What does a hamburger menu replace?

A) nav bar

B) logo

C) sidebar

D) footer

Q3) Which of the following recreates a CSS feature for older browsers using JavaScript code?

A) a shim

B) progressive enhancement

C) an emulator

D) adaptive content

Q4) On smaller screens, it's standard to replace the nav bar with a button showing 3 horizontal lines.

A)True

B)False

Q5) Why does responsive design often use percentages to size elements?

Page 11

To view all questions and flashcards with answers, click on the resource link above.

Chapter 10: Creating and Processing Web Forms

Available Study Resources on Quizplus for this Chatper

75 Verified Questions

75 Flashcards

Source URL: https://quizplus.com/quiz/56551

Sample Questions

Q1) The ____ element marks a single entry in a drop-down list.

A) input

B) option

C) select

D) label

Q2) Sophia wants to include a single set of buttons asking about how often the client prefers to have their hair done.To ensure that clients select only one box in the set, she should use __________.

A) check boxes

B) option buttons

C) either a or b

D) neither a nor b

Q3) Brendan notices that the last question of the form allows users to write their comments, but uses a field created with the input element.To allow users to enter text that spans multiple lines, he replaces the field with the __________ element.

A) select

B) fieldset

C) label

D) textarea

To view all questions and flashcards with answers, click on the resource link above.

Page 12

Chapter 11: Creating Visual Effects and Animation

Available Study Resources on Quizplus for this Chatper

75 Verified Questions

75 Flashcards

Source URL: https://quizplus.com/quiz/56552

Sample Questions

Q1) The :before and :after pseudo-elements enable you to insert content into web pages using style rules.

A)True

B)False

Q2) Modernizr tests a browser to detect which properties are supported, a process known as browser detection._________________________

A)True

B)False

Q3) Content added using the :before and :after pseudo-elements is known as __________ content.

A) generated

B) gradient

C) degraded

D) detected

Q4) Which keyword do you use to create a basic background gradient?

A) linear-gradient

B) background-gradient

C) basic-gradient

D) gradient

To view all questions and flashcards with answers, click on the resource link above. Page 13

Chapter 12: Incorporating Video and Audio

Available Study Resources on Quizplus for this Chatper

74 Verified Questions

74 Flashcards

Source URL: https://quizplus.com/quiz/56553

Sample Questions

Q1) Referring to the code shown in the figure above, which element specifies the path and filename of the video file for older browsers?

A) video

B) source

C) object

D) param

Q2) Referring to the figure above, which code indicates the start of a comment?

A) WEBVTT FILE

B) NOTE

C) 1

D) 00:00.000

Q3) A(n) __________ image is displayed in browsers that do not recognize the video element and cannot render the video specified by the object element.

A) poster

B) fallback

C) lead-off

D) alternate

Q4) An encoded set of video data is known as a(n) __________.

Q5) You specify a file's container format using the relevant __________ type.

To view all questions and flashcards with answers, click on the resource link above. Page 14

Chapter 13: Programming Web Pages With Javascript

Available Study Resources on Quizplus for this Chatper

75 Verified Questions

75 Flashcards

Source URL: https://quizplus.com/quiz/56554

Sample Questions

Q1) The ____ event occurs when a user clicks or touches an element.

A) click

B) submit

C) focus

D) load

Q2) You specify a CSS selector in __________ within the parentheses of the querySelector() method to reference an object.

A) square brackets ( [ ] )

B) curly braces ( { } )

C) angle brackets ( < > )

D) quotes ( " " )

Q3) A function starts with the keyword __________.

Q4) Referring to the figure above, which of the following is a variable name used in the code shown?

A) greetingText

B) addGreeting

C) Good Morning!

D) function

Q5) Each item in the DOM tree--including elements, attributes, and text content--is known as a(n) __________.

To view all questions and flashcards with answers, click on the resource link above.

Chapter 14: Integrating Social Media

Available Study Resources on Quizplus for this Chatper

75 Verified Questions

75 Flashcards

Source URL: https://quizplus.com/quiz/56555

Sample Questions

Q1) Some social media widgets use the HTML __________ element, which enables developers to embed content from another website while preserving formatting and presentation that may look quite different from the surrounding web page.

Q2) A single post on Twitter is known as a(n) __________.

Q3) Social media sites provide tools that developers can use to create widgets.

A)True

B)False

Q4) Berndt is maintaining a Twitter account for his aunt, and wants to highlight the account's first post on the website.To do so, he would use a(n) __________.

A) embedded tweet

B) account feed

C) hash tag feed

D) Tweet button

Q5) Twitter supports widgets that display a regularly updated series of tweets on a web page.

A)True

B)False

To view all questions and flashcards with answers, click on the resource link above.

Page 16

Chapter 15: Optimizing Your Web Site for Search Engines

Available Study Resources on Quizplus for this Chatper

75 Verified Questions

75 Flashcards

Source URL: https://quizplus.com/quiz/56556

Sample Questions

Q1) Referring to the figure above, the ________ value specifies the unique string that identifies the schema you're using.

A) itemtype

B) itemprop

C) itemscope

D) footer

Q2) The string that identifies a schema is similar to a URL but does not necessarily reference an actual web document.

A)True

B)False

Q3) For most web page elements, the microdata value is __________.

A) the text an element contains

B) the element name

C) the alt text

D) specified in a <meta> tag

Q4) HTML supports a syntax known as metadata that enables you to add semantic information to specific web page elements._________________________

A)True

B)False

To view all questions and flashcards with answers, click on the resource link above. Page 17

Chapter 16: Testing and Improving Performance

Available Study Resources on Quizplus for this Chatper

70 Verified Questions

70 Flashcards

Source URL: https://quizplus.com/quiz/56557

Sample Questions

Q1) You can reduce the download size of your website by creating a custom build of any __________ your site uses.

A) image

B) style sheet

C) JavaScript library

D) HTML document

Q2) You should use spritesheets only for decorative images because __________.

A) the dimensions of the spritesheet would be too large if it included all images.

B) the filesize of the spritesheet would be too large if it included all images.

C) you can't specify alt text for a spritesheet.

D) only decorative images can be optimized.

Q3) You can optimize several aspects of your code to ensure that your content is available as quickly as possible to users who want to access it.

A)True

B)False

Q4) Name and describe two methods for reducing the size of CSS files.

Q5) The measure of how quickly a published site loads and responds to user interaction over the Internet is known as the site's __________.

To view all questions and flashcards with answers, click on the resource link above. Page 18