Fundamentals of HTML and CSS Exam Practice Tests

Course Introduction

This course introduces the essential building blocks of web development through a comprehensive exploration of HTML (HyperText Markup Language) and CSS (Cascading Style Sheets). Students will learn to create, structure, and style web pages, mastering key concepts such as semantic markup, layout techniques, responsive design, and accessibility standards. Through hands-on exercises and projects, participants develop practical skills in crafting visually appealing and functional websites, laying a strong foundation for further study in web technologies.

Recommended Textbook

New Perspectives HTML5 and CSS3 Comprehensive 7th Edition by Patrick Carey

Available Study Resources on Quizplus

10 Chapters

1099 Verified Questions

1099 Flashcards

Source URL: https://quizplus.com/study-set/3549 Page 2

Chapter 1: Getting Started With Html5

Available Study Resources on Quizplus for this Chatper

147 Verified Questions

147 Flashcards

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

Sample Questions

Q1) An e-mail address can be turned into a hypertext link using the URL _____.

A) < mail="address" >

B) mailto:address

C) &mail;

D) mail:< address="(_blank|_self|_top)" >

Answer: B

Q2) Used to describe deprecated parts of a tag,such as align

A)Web server

B)Web browser

C)tag

D)attribute

E)style sheet

F)empty

G)white space

H)XHTML

I)ordered list

J)unordered list

K)test-level element

L)presentational attribute

Answer: L

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

Page 3

Chapter 2: Getting Started With CSS

Available Study Resources on Quizplus for this Chatper

148 Verified Questions

148 Flashcards

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

Sample Questions

Q1) Identify a padding property used to set the width of the padding space.

A) padding: font;

B) padding: pixel;

C) padding: style;

D) padding: size;

Answer: D

Q2) _________ units are units that are fixed in size regardless of the device rendering the web page.

Answer: Absolute

Q3) Writing a style rule on a single line saves space,but entering each style property on a separate line often makes a code easier to read and edit.

A)True

B)False

Answer: True

Q4) The text size is defined using the _________ property. Answer: font-size

Q5) _________ is the art of designing the appearance of characters and letters on a page.

Answer: Typography

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

Chapter 3: Designing a Page Layout

Available Study Resources on Quizplus for this Chatper

136 Verified Questions

136 Flashcards

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

Sample Questions

Q1) In z-index: value; property,value is a(n)_____.

A) fraction

B) imaginary number

C) integer

D) decimal

Answer: C

Q2) The Cascading Style Sheets (CSS)grid styles introduced the _________ unit,which represents the fraction of available space left on the grid after all other rows or columns have attained their maximum allowable size.

Answer: fr

Q3) The display type value _____ is displayed as a block unless its next sibling is also a block,in which case,it is displayed in-line,essentially combining the two blocks into one.

A) block

B) run-in

C) none

D) inline Answer: B

Q4) Block elements are laid out in a webpage according to the _________ model. Answer: box

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

Chapter 4: Graphic Design With CSS

Available Study Resources on Quizplus for this Chatper

107 Verified Questions

107 Flashcards

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

Sample Questions

Q1) Identify the coordinate attribute for the rectangular hotspots of an image.

A) coords="x1,y1,x2,y2, "

B) coords="0,0,width,height"

C) coords="left,top,right,bottom"

D) coords="x,y,radius"

Q2) A visual impact can be given to the text on a page by using Cascading Style Sheets (CSS)to add a shadow using the _________ property.

Q3) Tiling is when a browser loads a background image and then repeats the image in both the vertical and horizontal directions until the entire background is filled.

A)True

B)False

Q4) The perspective function should be used when only one object needs to be transformed in a 3D space.

A)True

B)False

Q5) Explain how the position of a background image is set in a web page.

Q6) _________ is similar to the process of filling up a floor or other surface with tiles.

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

Page 6

Chapter 5: Designing for the Mobile Web

Available Study Resources on Quizplus for this Chatper

112 Verified Questions

112 Flashcards

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

Sample Questions

Q1) To create a media query within a Hypertext Markup Language (HTML)file,the style attribute should be added to the link element in the document head.

A)True

B)False

Q2) Identify the correct flex-flow style that combines both the flex-direction and flex-wrap properties.

A) flex-flow: direction wrap;

B) flex-flow: direction||wrap;

C) flex-flow: direction&&wrap;

D) flex-flow: flex-direction,flex-wrap;

Q3) Mobile devices have a _____ containing the entire content of the page,some of which may be hidden from a user.

A) layout viewport

B) navigating viewport

C) wireframe viewport

D) contextual viewport

Q4) Mobile devices have a _________ viewport that displays a web page content that fits within a mobile screen.

Q5) Briefly explain the procedure followed for setting the page size.

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

Chapter 6: Working With Tables and Columns

Available Study Resources on Quizplus for this Chatper

89 Verified Questions

89 Flashcards

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

Sample Questions

Q1) When two adjacent 1-pixel-wide borders are collapsed together,the width of the resulting border is _____.

A) 2-pixels

B) 1-pixels

C) 4-pixels

D) 0.5-pixel

Q2) Identify a style property that creates a column size of 200-pixels.

A) column-count

B) column-control

C) column-width

D) column-gap

Q3) Which of the following is an equivalent HTML element for display: table-cell; style?

A) < th >

B) < table >

C) < col >

D) < tr >

Q4) Header cells and data cells are types of table cells supported by web tables.

A)True

B)False

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

Chapter 7: Designing a Web Form

Available Study Resources on Quizplus for this Chatper

91 Verified Questions

91 Flashcards

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

Sample Questions

Q1) The id attribute is required only when it is needed to reference the control element.

A)True

B)False

Q2) Oscar's skateboards are manufactured in different hues.Which of the following features should Oscar add to allow customers to choose a shade of their choice?

A) Slider controls

B) Spin boxes

C) Color pickers

D) Selection lists

Q3) The post method is the default method that tells the browser to append the form data to the end of the URL specified in the action attribute.

A)True

B)False

Q4) There is no need to include a for attribute within a label element while nesting a control,if the association is made implicitly.

A)True

B)False

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

Chapter 8: Enhancing a Website With Multimedia

Available Study Resources on Quizplus for this Chatper

90 Verified Questions

90 Flashcards

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

Sample Questions

Q1) Which of the following audio elements is used to embed audio clips within a web page?

A) < audio src="url" attributes / >

B) < audio src=attributes / >

C) < /audio src="url" "attributes" >

D) < /audio src="attributes"/ >

Q2) In the audio element < audio src="url" attributes / >,the url specifies how the audio clip should be handled by the browser.

A)True

B)False

Q3) A plug-in either opens in its own external window or runs within a web page as a(n)_____.

A) embedded object?

B) isolated object

C) root object

D) source object

Q4) When embedding an audio element in a web page,the _________ attribute informs a browser of the file type and speeds up the process of choosing a compatible audio source.

Q5) Why is the fallback option provided to an audio clip?

Page 10

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

Chapter 9: Getting Started With Javascript

Available Study Resources on Quizplus for this Chatper

89 Verified Questions

89 Flashcards

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

Sample Questions

Q1) _____ programming distributes the load to prevent a server from getting overloaded with program-related requests.

A) Client-side

B) Server-side

C) Inductive

D) Semantic

Q2) It appears when a fault happens when a browser is unable to complete a line of code.

A) window.alert(" ");

B) value.toPrecision(n)

C) collection[idref]

D) element.outerHTML

E) document.anchors

F) element.textContent

G) Decrement operator

H) Run-time error

I) value.toFixed(n)

J) parseInt(string)

Q3) Explain the syntax rules that must be maintained when writing JavaScript commands.

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

Chapter 10: Exploring Arrays, loops, and Conditional Statements

Available Study Resources on Quizplus for this Chatper

90 Verified Questions

90 Flashcards

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

Sample Questions

Q1) Identify a method that extracts array items that match a specified condition. A) sort()

B) filter()

C) splice()

D) reverse()

Q2) Identify a true statement of array.some(callback [,thisArg])method.

A) It tests whether the condition returned by the callback function holds for at least one item in array.

B) It returns the value of the first element in the array that passes a test in the callback function.

C) It tests whether the condition returned by the callback function holds for all items in array.

D) It returns the index of the first element in the array that passes a test in the callback function.

Q3) A calendar that is created as a web table can have class and ID designations to make it easy for page developers to assign different styles to different parts of the calendar.

A)True

B)False

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