HTML and CSS Basics
Final Exam
Course Introduction
This course introduces students to the foundational concepts of web development through hands-on exploration of HTML (HyperText Markup Language) and CSS (Cascading Style Sheets). Students will learn how to structure web content with semantic HTML, style web pages for visual appeal and responsive design with CSS, and understand the principles of accessibility and cross-browser compatibility. By the end of the course, students will be able to build and publish simple, static websites that adhere to modern web standards.
Recommended Textbook
Basics of Web Design HTML5 and CSS3 3rd Edition by Terry Felke-Morris
Available Study Resources on Quizplus
12 Chapters
291 Verified Questions
291 Flashcards
Source URL: https://quizplus.com/study-set/3851 Page 2
Chapter 1: Internet and Web Basics
Available Study Resources on Quizplus for this Chatper
21 Verified Questions
21 Flashcards
Source URL: https://quizplus.com/quiz/76812
Sample Questions
Q1) A ________ consists of two or more computer connected for the purpose of communicating and sharing resources.
A) server
B) network
C) client
D) MIME
Answer: B
Q2) _________ combines the formatting strengths of HTML 4.0 and the data structure and extensibility strengths of XML.
A) DHTML
B) SGML
C) HTML 5.0
D) XHTML
Answer: D
Q3) Choose the true statement below.
A) The content that displays in the browser is contained in the head section.
B) Information about the web page is contained in the body section.
C) The content that displays in the browser is contained in the body section.
D) All of the above are true.
Answer: C
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
31 Verified Questions
31 Flashcards
Source URL: https://quizplus.com/quiz/76811
Sample Questions
Q1) Choose the preferred element to use when displaying text in a bold font style when there is no special importance to the words in the text.
A) em
B) i
C) strong
D) b
Answer: D
Q2) When should you use an absolute hyperlink?
A) Always, the W3C prefers absolute hyperlinks
B) When you need to link to a web page internal to your website
C) When you need to link to a web page external to your website
D) Never, the W3C has deprecated relative hyperlinks
Answer: C
Q3) Choose the elements that are used in a description list.
A) dt
B) dl
C) dd
D) all of the above
Answer: D
To view all questions and flashcards with answers, click on the resource link above.
Page 4
Chapter 3: Web Design Basics
Available Study Resources on Quizplus for this Chatper
27 Verified Questions
27 Flashcards
Source URL: https://quizplus.com/quiz/76810
Sample Questions
Q1) Consider _______ when designing for display on a mobile device.
A) small screen size
B) font size
C) contrast
D) all of the above
Answer: D
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
Answer: D
Q3) Progressively enhancing a web page for different viewing contexts (such as smartphones and tablets) through the use of coding techniques is called
A) optimization
B) responsive web design
C) mobile web design
D) fixed web design
Answer: B
To view all questions and flashcards with answers, click on the resource link above. Page 5
Chapter 4: Cascading Style Sheets Basics
Available Study Resources on Quizplus for this Chatper
25 Verified Questions
25 Flashcards
Source URL: https://quizplus.com/quiz/76809
Sample Questions
Q1) An External Style Sheet uses the _____ file extension.
A) ess
B) css
C) html
D) No file extension is necessary
Q2) Cascading Style Sheet rules are comprised of:
A) Selectors and Declarations
B) Properties and Declarations
C) Selectors and Attributes
D) Elements and Attributes
Q3) Which of the following is a CSS selector that will configure the paragraph elements within the footer element.
A) p footer
B) footer p
C) #footer p
D) .footer p
Q4) External styles override or take precedence over inline styles.
A)True
B)False
To view all questions and flashcards with answers, click on the resource link above. Page 6
Chapter 5: Graphics Text Styling Basics
Available Study Resources on Quizplus for this Chatper
28 Verified Questions
28 Flashcards
Source URL: https://quizplus.com/quiz/76808
Sample Questions
Q1) Use the _______________ property to configure an image to use as a list marker in an unordered list.
A) bullet-image
B) image-style
C) list-style-image
D) bullet-style-image
Q2) Select the code below that configures a class called "offer" with blue text, 1.2em, and Arial or sans-serif font using CSS.
A) .offer { color:blue; font-size:1.2em; font-family:sans-serif;}
B) .offer { color:blue; font-size:1.2em; font-family:Arial,sans-serif;}
C) .#offer { text:blue; font-size:1.2em; font-family:Arial,sans-serif;}
D) #offer { text:blue; font-size:20px; font-family:Arial,sans-serif;}
Q3) Select the browser's action when you configure BOTH a background color and background image for the body selector.
A) display the background color instead of the background image
B) will display no background for the page because it is "confused"
C) display the background color while the background image loads and before the background image is displayed
D) do none of the above
To view all questions and flashcards with answers, click on the resource link above.
Page 7
Chapter 6: More Css Basics
Available Study Resources on Quizplus for this Chatper
25 Verified Questions
25 Flashcards
Source URL: https://quizplus.com/quiz/76807
Sample Questions
Q1) Use the ___________________ property to resize or scale the background image.
A) background-image
B) background-clip
C) background-origin
D) background-size
Q2) The CSS3 _______ property configures the transparency of an element.
A) opacity
B) transparency
C) background-opacity
D) opacity-background
Q3) Use the ________________ property to configure rounded corners with CSS.
A) border-round
B) border-radius
C) box-shadow
D) background-corner
Q4) Use the _______ property to configure a linear gradient.
A) linear-gradient
B) background-color
C) background-image
D) opacity
8
To view all questions and flashcards with answers, click on the resource link above.
Chapter 7: Page Layout Basics
Available Study Resources on Quizplus for this Chatper
20 Verified Questions
20 Flashcards
Source URL: https://quizplus.com/quiz/76806
Sample Questions
Q1) Use ___________ positioning to slightly change the location of an element in relation to where it would otherwise appear when rendered by a browser.
A) absolute
B) static
C) relative
D) fixed
Q2) Select the example below that could be used to clear a right float.
A) clear: right;
B) clear: left;
C) right: clear;
D) overflow: right;
Q3) 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; }
To view all questions and flashcards with answers, click on the resource link above. Page 9
Chapter 8: More on Links, Layout, and Mobile
Available Study Resources on Quizplus for this Chatper
20 Verified Questions
20 Flashcards
Source URL: https://quizplus.com/quiz/76805
Sample Questions
Q1) The ________ HTML5 element indicates a portion of a document, like a chapter or specific topic.
A) header
B) article
C) aside
D) section
Q2) Use the ______ value for the CSS display property to configure an element to not display.
A) block
B) none
C) 0
D) hide
Q3) Select a recommendation for mobile web design from the choices listed below.
A) Use a single column page layout
B) Use large images
C) Use pt units for font sizes
D) None of the above are best practices for mobile web design.
To view all questions and flashcards with answers, click on the resource link above. Page 10
Chapter 9: Table Basics
Available Study Resources on Quizplus for this Chatper
24 Verified Questions
24 Flashcards
Source URL: https://quizplus.com/quiz/76804
Sample Questions
Q1) Use the headers attribute on the ___ element to correspond to the id attribute on a ___ element.
A) tbody, table
B) td, th
C) td, tr
D) td, table
Q2) The purpose of the _______ element is to describe the contents of a table.
A) summary
B) caption
C) title
D) border
Q3) Choose the recommended use of tables on web pages.
A) Use tables to format the layout of an entire page
B) Use tables to organize tabular information
C) Use tables to format hyperlinks
D) Use tables instead of unordered lists
Q4) The CSS border-spacing property can be used to configure the horizontal and vertical spacing of table borders.
A)True
B)False
To view all questions and flashcards with answers, click on the resource link above. Page 11
Chapter 10: Form Basics
Available Study Resources on Quizplus for this Chatper
26 Verified Questions
26 Flashcards
Source URL: https://quizplus.com/quiz/76815
Sample Questions
Q1) _________________ 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) fieldset
B) Common Gateway Interface
C) JavaScript
D) MIME
Q2) Select the statement below that is true about forms.
A) The form element is optional
B) It is recommended to use mailto: as the action on a form since that is the easiest for the web developer
C) A form can be used to pass information to a program or script on the web server
D) none of the above is true
Q3) Choose the attribute selector below that will target submit buttons.
A) input[type="submit"]
B) submit
C) submit[input]
D) input.submit
To view all questions and flashcards with answers, click on the resource link above. Page 12
Chapter 11: Media and Interactivity Basics
Available Study Resources on Quizplus for this Chatper
24 Verified Questions
24 Flashcards
Source URL: https://quizplus.com/quiz/76814
Sample Questions
Q1) _______ is a JavaScript library intended to simplify client-side scripting:
A) Ajax
B) jQuery
C) Flash
D) Java
Q2) Scenario: The Firefox browser is being used to display a web page with a video but no video controls display -only the poster image is shown. Read the following code snippet and select the reason for the incorrect display from the choices below.
< video controls="controls" poster="sparky. j p g"
Width="160" height="150" >
< source src="sparky.m4v" type="video/mv4" >
< source src="sparky.ogg" type="video/ogg" >
< a href="sparky.mov" >Sparky the Dog< /a > (.mov)
< /video >
A) The controls attribute should be controls="yes"
B) There are too many source elements.
C) The file extension .ogg is incorrect.
D) The MIME type values are incorrect.
To view all questions and flashcards with answers, click on the resource link above. Page 13
Chapter 12: Web Publishing Basics
Available Study Resources on Quizplus for this Chatper
20 Verified Questions
20 Flashcards
Source URL: https://quizplus.com/quiz/76813
Sample Questions
Q1) Select the components of a search engine.
A) robot
B) database
C) search form
D) all of the above
Q2) The design of products and environments to be usable by all people, to the greatest extent possible, without the need for adaptation or specialized design is called:
A) accessibility
B) usability
C) universal design
D) assistive technology
Q3) Before selecting a web host provider, it is a good idea to.
A) Try to contact their technical support
B) Make sure they are the cheapest possible
C) Carefully read their service level agreement
D) both a and c
Q4) It is recommended to register multiple domain names for a website.
A)True
B)False
To view all questions and flashcards with answers, click on the resource link above. Page 14