C777 Web Development Applications Practice Questions - Set 1 - Part 1

Test your knowledge of Web Development Applications concepts with these practice questions. Each question includes detailed explanations to help you understand the correct answers.

Question 1: A web developer wants to group elements of a form together for easier readability. Which HTML5 element should they use to achieve this?

a) <fieldset>

b) <legend>

c) <datalist>

d) <output>

Question 2: Which CSS property should a developer use if they want an image’s background to scale and fit within the specified content area of its container?

a) cover

b) padding-box

c) contain

d) border-box

Question 3: In the CSS box model, which property defines the area directly surrounding the content?

a) Border

b) Padding

c) Margin

d) Background

Question 4: What JavaScript event occurs when a user moves the mouse pointer over an element like a link or an image?

a) mouseOut

b) mouseOver

c) click

d) focus

Question 5: Which HTML5 form attribute provides a hint to users about the kind of input that should be entered into the form field?

a) pattern

b) required

c) maxlength

d) placeholder

Question 6: A developer wants to make sure an audio file automatically starts playing as soon as the page loads. Which attribute should they include?

a) loop="loop"

b) autoplay="autoplay"

c) controls="controls"

d) poster="poster"

Question 7: To create a click-to-call feature on a mobile site, which protocol should be used in the href attribute?

a) sms

b) tel

c) mailto

d) call

Question 8: Which CSS3 property would allow a developer to create rounded corners on an element?

a) box-shadow

b) border-radius

c) border-style

d) padding-box

Question 9: A company needs to add an animation that moves an element from one position to another based on a user-triggered event. Which CSS property is most appropriate?

a) transform

b) keyframes

c) transition

d) animation-play-state

Question 10: In JavaScript, which method is used to generate a pop-up box that requests a user’s input?

a) alert()

b) confirm()

c) prompt()

d) document.write()

Question 11: Which attribute should be added to the <input> element to allow users to select multiple files for upload in an HTML5 form?

a) multiple

b) select

c) upload

d) files

Question 12: A developer needs a responsive layout that dynamically adjusts to fit the screen size. What CSS layout should they use?

a) Fixed-width layout

b) Absolute layout

c) Liquid layout

d) Inline layout

Question 13: To select every disabled form field within a document using CSS, which selector should a developer use?

a) element:disabled

b) element:inactive

c) element:checked

d) element:invalid

Question 14: What CSS property keeps floating elements from overlapping with subsequent paragraphs?

a) float

b) overflow

c) clear

d) block

Question 15: If a developer needs to reference external files from a <script> tag, what type of data is “script.js” in src="script.js"?

a) Property

b) Attribute

c) Value

d) Method

Question 16: Which HTML5 structural element is used to contain links for navigation within a website?

a) <nav>

b) <header>

c) <main>

d) <footer>

Question 17: When creating a custom font for a website, which CSS3 rule should be used to specify the font family and source?

a) @media

b) @font-face

c) @charset

d) @import

Question 18: If a developer needs to ensure their site is accessible offline, which file must they create?

a) Manifest file

b) Data file

c) Index file

d) Offline file

Question 19: Which CSS property defines the distance between an element’s content and its border?

a) Margin

b) Padding

c) Border

d) Content

Question 20: A web developer wants to create a 2D transformation that moves an element horizontally by 20px. Which function should they use?

a) translateX(20px)

b) skewX(20px)

c) scaleX(20px)

d) rotateX(20px)

Need Guaranteed Results?

Don't want to study? Our exam support service guarantees you'll pass your OA on the first attempt. Pay only after you pass!

Get Exam Support