Front-End Web Development Exam Practice Tests
Course Introduction
Front-End Web Development is a course designed to introduce students to the fundamentals of creating interactive, user-friendly websites and web applications. Covering essential technologies such as HTML, CSS, and JavaScript, the course teaches students how to structure content, design responsive layouts, and add dynamic functionality to web pages. Learners will explore modern frameworks and tools, accessibility standards, and best practices for optimizing performance and usability. Through hands-on projects and collaborative work, students gain the practical skills needed to develop professional-quality front-end solutions for a variety of digital platforms.
Recommended Textbook
Web Development and Design Foundations with HTML5 7th Edition by Terry Felke-Morris
Available Study Resources on Quizplus
13 Chapters
339 Verified Questions
339 Flashcards
Source URL: https://quizplus.com/study-set/3924 Page 2
Chapter 1: Introduction to the Internet and World Wide Web
Available Study Resources on Quizplus for this Chatper
17 Verified Questions
17 Flashcards
Source URL: https://quizplus.com/quiz/78261
Sample Questions
Q1) _________ combines the formatting strengths of HTML 4.0 and the data structure and extensibility strengths of XML.
A) HML
B) SGML
C) HTML5
D) XHTML
Answer: D
Q2) A domain name is a unique text-based Internet address corresponding to a unique
A) IP address
B) domain name
C) URL
D) user name
Answer: A
Q3) New Top Level Domains (TLDs) are coordinated by
A) ICANN
B) no one, because anyone can add a TLD to the Domain Name System
C) W3C
D) TCP
Answer: A
To view all questions and flashcards with answers, click on the resource link above. Page 3
Chapter 2: Html Basics
Available Study Resources on Quizplus for this Chatper
28 Verified Questions
28 Flashcards
Source URL: https://quizplus.com/quiz/78260
Sample Questions
Q1) Select the function of an e-mail link from the choices below.
A) automatically send you an e-mail message with the visitor's e-mail address as the reply-to field
B) launch the default e-mail application for the visitor's browser with your e-mail address as the recipient
C) display your e-mail address so that the visitor can send you a message later D) link to your mail server
Answer: B
Q2) Choose the preferred tag pair to use when emphasizing text that is displayed in italic font style.
A) < i > < /i >
B) < strong > < /strong >
C) < em > < /em >
D) < italic > < /italic >
Answer: C
Q3) The title element configures large, bold text at the beginning of the web page document.
A)True
B)False
Answer: False
To view all questions and flashcards with answers, click on the resource link above. Page 4
Chapter 3: Configuring Color and Text With Css
Available Study Resources on Quizplus for this Chatper
22 Verified Questions
22 Flashcards
Source URL: https://quizplus.com/quiz/78259
Sample Questions
Q1) The declaration property used to set the text color on a web page is:
A) bgcolor
B) text-color
C) color
D) None of the above
Answer: C
Q2) Select the code below that uses CSS to configure a background color of #eaeaea for a web page.
A) body {background-color:#eaeaea; }
B) document {background-page:#eaeaea; }
C) body {bgcolor:#eaeaea; }
D) None of the above
Answer: A
Q3) Select the code below that uses CSS to configure a class called "offer" with blue text that uses the Arial or sans-serif font typeface .
A) #offer { color:blue; font-family:Arial,sans-serif;}
B) .offer { color:blue; font-family:Arial,sans-serif;}
C) .offer { text:blue; font-family:Arial,sans-serif;}
D) #offer { text:blue; font-family:Arial,sans-serif;}
Answer: B
To view all questions and flashcards with answers, click on the resource link above. Page 5
Chapter 4: Visual Elements and Graphics
Available Study Resources on Quizplus for this Chatper
33 Verified Questions
33 Flashcards
Source URL: https://quizplus.com/quiz/78258
Sample Questions
Q1) A(n) ________ is an image that is configured so that parts of the image can be used as one or more hyperlinks.
A) image map
B) hyperimage
C) navigation image
D) none of the above
Q2) Use the ________________ property to confine the display of the background image.
A) background-image
B) background-clip
C) background-origin
D) background-size
Q3) A smaller version of a larger image that usually links to the larger image is called a: A) hyperlink
B) thumbnail image
C) small image
D) none of the above
To view all questions and flashcards with answers, click on the resource link above.
6
Chapter 5: Web Design
Available Study Resources on Quizplus for this Chatper
25 Verified Questions
25 Flashcards
Source URL: https://quizplus.com/quiz/78257
Sample Questions
Q1) A _______________color scheme consists of three colors that are equidistant on the color wheel.
A) tetradic
B) analogous
C) complementary
D) triadic
Q2) The four principles of WCAG 2.0 are as follows:
A) linear, hierarchical, random, sequential
B) contrast, repetition, alignment, proximity
C) XHTML, CSS, HTML, Notepad
D) perceivable, operable, understandable, robust
Q3) Select the three most common methods of organizing websites.
A) horizontal, vertical, and diagonal
B) hierarchical, linear, and random
C) accessible, readable, maintainable
D) none of the above
To view all questions and flashcards with answers, click on the resource link above. Page 7
Chapter 6: Page Layout
Available Study Resources on Quizplus for this Chatper
28 Verified Questions
28 Flashcards
Source URL: https://quizplus.com/quiz/78256
Sample Questions
Q1) Use the ________ property along with the left, right and/or top property to precisely configure the position of an element.
A) position:absolute;
B) position:relative;
C) position:float;
D) absolute:position;
Q2) The CSS to create the class called myfloat that floats to the right of the other page content, has a 10px margin, and a solid border is:
A) .myfloat { float:right; margin:10px; border: 1px solid #000000; }
B) #myfloat { right:float: margin 10px; border: 1px solid #000000; }
C) .myfloat { float:right; 10px:margin; border: 1px solid #000000; }
D) .myfloat { float:right; margin:10px; border: on; }
Q3) Set list-style-type to the value ___________ to hide the display of the list markers on an ordered list.
A) none
B) hide
C) invisible
D) nodisplay
To view all questions and flashcards with answers, click on the resource link above. Page 8
Chapter 7: Responsive Page Layout
Available Study Resources on Quizplus for this Chatper
23 Verified Questions
23 Flashcards
Source URL: https://quizplus.com/quiz/78255
Sample Questions
Q1) How would you link to the named fragment #school on the page resume.html from the home page of the site?
A) < a href="resume.html#school" >Educational Background< /a >
B) < a name="resume.html#school" > Educational Background < /a >
C) < a link="resume.htmlschool" > Educational Background < /a >
D) < a link="resume.html#school" > Educational Background < /a >
Q2) Components of responsive web design include:
A) fluid layout, flexible images, media queries
B) valid syntax, embedded CSS, media queries
C) fluid layout, valid syntax, embedded CSS
D) flexible images, media queries, valid syntax
Q3) Select a recommendation for mobile web design from the choices listed below.
A) Use a two-column page layout
B) Use images that display text
C) Use percentage or em units for font sizes
D) Configure all hyperlinks to open in new browser windows
Q4) ____ A benefit of using the CSS Sprites technique is to decrease the number of HTTP request calls to the web server.
A)True
B)False
To view all questions and flashcards with answers, click on the resource link above. Page 9
Chapter 8: Tables
Available Study Resources on Quizplus for this Chatper
22 Verified Questions
22 Flashcards
Source URL: https://quizplus.com/quiz/78254
Sample Questions
Q1) Use the ________ tag pair to configure a table footer row group.
A) < thead > .. < /thead >
B) < tgroup > .. < /tgroup >
C) < tbody > .. < /tbody >
D) < tfoot > .. < /tfoot >
Q2) _Use _______ element to indicate table column headings or table row headings.
A) < tr >
B) < th >
C) < thead >
D) < head >
Q3) Which of the following CSS properties positions the caption of a table?
A) caption
B) caption-side
C) thead
D) spacing
Q4) The table element's __________ attribute is valid when using HTML5 syntax.
A) border
B) cellspacing
C) cellpadding
D) summary
Page 10
To view all questions and flashcards with answers, click on the resource link above.
Chapter 9: Forms
Available Study Resources on Quizplus for this Chatper
25 Verified Questions
25 Flashcards
Source URL: https://quizplus.com/quiz/78253
Sample Questions
Q1) Select the value of the type attribute that configures an HTML5 slider control.
A) spinner
B) range
C) number
D) input
Q2) Select the HTML below that would associate a label displaying the text "Phone" with the text box named customerPhone.
A) Phone: < input type="textbox" name="customerPhone" >
B) < label >Phone: < input type="text" name="customerPhone" >< /label >
C) < label for="Phone" >Phone: < /label >< input type="text" name="customerPhone" id="Phone" >
D) both b and c
Q3) _________________ is a standard method or protocol for web pages to request special processing on the web server, such as database queries, sending e-mails, or handling form data.
A) <<b> fieldset</b> >
B) Common Gateway Interface
C) JavaScript
D) none of the above
To view all questions and flashcards with answers, click on the resource link above.
Page 11
Chapter 10: Web Development
Available Study Resources on Quizplus for this Chatper
21 Verified Questions
21 Flashcards
Source URL: https://quizplus.com/quiz/78265
Sample Questions
Q1) In the _____ Phase a prototype of the website will often be created.
A) Design Phase
B) Conceptualization Phase
C) Production Phase
D) Analysis Phase
Q2) An alternative to creating all or part of a website within your organization is to use:
A) outsourcing
B) ready-made web site
C) a free web page at a free web host
D) none of the above
Q3) The methodology used by web project teams is usually:
A) the SDLC
B) a derivative of the SDLC similar to the one discussed in this chapter
C) decided on as the project is built
D) web sites do not require the use of a development methodology
Q4) _____ There is no reason to consider the operating system of the web server when selecting a Web host.
A)True
B)False
To view all questions and flashcards with answers, click on the resource link above. Page 12
Chapter 11: Web Multim
Available Study Resources on Quizplus for this Chatper
27 Verified Questions
27 Flashcards
Source URL: https://quizplus.com/quiz/78264
Sample Questions
Q1) Scenario: The Internet Explorer 8 browser is being used to display a web page with an audio player but the audio element displays nothing on the page. Read the following code snippet and select the reason for the incorrect display from the choices below. < audio controls="controls" >
< source src="podcast.mp3" type="audio/mpeg" >
< source src="podcast.ogg" type="audio/ogg" >
< /audio >
A) The controls attribute should be controls="yes"
B) There are too many source elements.
C) There is no fallback content to display for browsers that do not support the audio element.
D) The MIME type values are incorrect.
Q2) The file extensions .avi, .m4v, and .ogv are used for:
A) audio files
B) video files
C) Flash media files
D) none of the above
To view all questions and flashcards with answers, click on the resource link above. Page 13
Chapter 12: E-Commerce Overview
Available Study Resources on Quizplus for this Chatper
20 Verified Questions
20 Flashcards
Source URL: https://quizplus.com/quiz/78263
Sample Questions
Q1) Select the term below that describes an electronic payment for goods or services using a mobile device such as a smartphone.
A) symmetric encryption
B) cash payment
C) mobile payment
D) shopping cart
Q2) The practice of registering a domain name that is a trademark of another entity in the hopes of profiting by selling the domain name to the entity is called______.
A) symmetric encryption
B) cybersquatting
C) fraud
D) ciphertext
Q3) _____ Decryption is the conversion of data into an unreadable form.
A)True
B)False
Q4) _____ Although E-commerce growth stalled during the recent economic downturn, it is again demonstrating growth.
A)True
B)False
To view all questions and flashcards with answers, click on the resource link above. Page 14
Chapter 13: Web Promotion & A Brief Look at Javascript and Jquery
Available Study Resources on Quizplus for this Chatper
48 Verified Questions
48 Flashcards
Source URL: https://quizplus.com/quiz/78262
Sample Questions
Q1) A ______ is a reusable block of JavaScript statements.
A) property
B) method
C) variable
D) function
Q2) The price you are charged if you sign up for a paid sponsor or ad program and a visitor clicks on a link to your website.
A) CPL
B) CTR
C) CPM
D) CPC
Q3) A rating determined by a search engine based on the number of links to a particular site and the qualities of those links is called ________.
A) link checking
B) reciprocal linking
C) link popularity
D) None of the above
To view all questions and flashcards with answers, click on the resource link above.
Page 15