HTML and CSS Basics
Exam Materials
Course Introduction
This course introduces the foundational concepts of web development through HTML (HyperText Markup Language) and CSS (Cascading Style Sheets). Students will learn how to structure web pages using HTML elements and enhance their appearance with CSS styling techniques. The course covers essential topics such as tags, attributes, layouts, typography, colors, and responsive design principles. By the end of the course, students will be able to create and style simple yet effective web pages, providing a solid groundwork for further studies in web development and design.
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) 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
Q2) The Domain Name System is used to purchase domain names.
A)True
B)False
Answer: False
Q3) Choose the organization listed below that takes a proactive role in developing recommendations and prototype technologies related to the Web.
A) ARPA
B) CERN
C) ICANN
D) W3C
Answer: D
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) The purpose of the ________ element is used to configure the headings for a web page document or section of a web page document.
A) headings
B) nav
C) header
D) head
Answer: C
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) The purpose of the ________ element is used to configure the footer information on a web page document.
A) headings
B) foot
C) div
D) footer
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) A page layout technique that often uses a percentage value for width is called _____________.
A) ice
B) fixed
C) fluid
D) wireframe
Answer: C
Q2) Select the three most common methods of organizing web sites.
A) horizontal, vertical, and diagonal
B) hierarchical, linear, and random
C) accessible, readable, maintainable
D) fluid, liquid, fixed
Answer: B
Q3) The process of creating an image with the lowest file size that still renders a good-quality image is called ______________.
A) responsive web design
B) accessible web design
C) image optimization
D) image sprites
Answer: C
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) Which of the following is an HTML attribute that configures inline styles?
A) link
B) style
C) id
D) type
Q2) Which of the following is a CSS selector that will configure the anchor elements within the nav element.
A) nav a
B) .nav a
C) nav anchor
D) #nav a
Q3) To apply a style to one or more of elements on a web page, configure a CSS
A) group
B) id
C) class
D) attribute
Q4) External styles override or take precedence over inline styles.
A)True
B)False
Page 6
To view all questions and flashcards with answers, click on the resource link above.
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 ______ attribute to display an image to the right of a block of text.
A) align
B) spacing
C) alt
D) height
Q2) Use the __________ property to align text within an element.
A) align
B) font-align
C) text-align
D) you cannot align text with CSS
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) A radial gradient is a smooth blending of color emanating outward from a single point.
A)True
B)False
Q2) The ___________________ property configures a shadow effect on the text displayed within an element.
A) box-shadow
B) linear-gradient
C) text-shadow
D) shadow
Q3) Use the _______ property to configure a linear gradient.
A) linear-gradient
B) background-color
C) background-image
D) opacity
Q4) When using the box model, the _____ is always transparent.
A) border
B) content
C) spacing
D) margin
To view all questions and flashcards with answers, click on the resource link above. Page 8
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) The _______ pseudo-class configures the styles that will apply for a hyperlink that has not been visited by the user.
A) :unvisited
B) :link
C) :visited
D) :new
Q2) Use the ________ or _______ property to clear a float.
A) float or clear
B) clear or overflow
C) position or clear
D) overflow or float
Q3) _________ flow displays the elements on the page in the order they appear in the web page source code.
A) default
B) source code
C) browser
D) normal
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) A hyperlink with the _____ scheme may cause a web browser on a mobile device to initiate a phone call.
A) phone:
B) sms;
C) tel;
D) mobile:
Q2) Use the expression ___________________ in a media query to target devices with screens up to 480 pixels in width.
A) (width: 480px)
B) (max-width: 480px)
C) (min-width: 480px;)
D) (size: 480px;)
Q3) The ________ HTML5 element indicates tangential or supplemental content.
A) header
B) nav
C) aside
D) section
To view all questions and flashcards with answers, click on the resource link above.
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) The CSS vertical-align property can be used to configure the vertical alignment of the contents of a table cell.
A)True
B)False
Q2) Which of the following CSS3 properties configure the alignment of text within a table?
A) align
B) caption
C) text-align
D) border-spacing
Q3) Use the CSS ______ property to configure the cellpadding of a table.
A) padding
B) margin
C) cellpadding
D) border-spacing
Q4) Use the th element to indicate a table column or row _____.
A) data
B) heading
C) summary
D) caption
11
To view all questions and flashcards with answers, click on the resource link above.
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) Choose the attribute selector below that will target submit buttons.
A) input[type="submit"]
B) submit
C) submit[input]
D) input.submit
Q2) Select the form control below that does not use the input element.
A) text box
B) select list
C) checkbox
D) radio button
Q3) You would like to conduct a survey and ask your web page visitors to indicate the computer operating systems that they use. Each visitor could use more than one computer operating system. Select the form control that is best to use for this purpose.
A) check box
B) radio button
C) text box
D) scrolling text box
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) The _________ element is a void element that specifies a media file and a MIME type.
A) object
B) source
C) param
D) iframe
Q2) Select a transition-timing-function value which configures a transition effect that begins at a constant speed and slows down at the end.
A) ease
B) linear
C) ease-in
D) ease-out
Q3) Select the term below which names an HTML5 API that allows web page visitors to share their geographic location.
A) geodata
B) web storage
C) canvas
D) geolocation
To view all questions and flashcards with answers, click on the resource link above.
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) 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
Q2) 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
Q3) The term _________________ refers to configuring a web page is optimally ranked by search engines
A) search engine optimization
B) social media optimization
C) Web analytics
D) search engine results page
To view all questions and flashcards with answers, click on the resource link above. Page 14