0% found this document useful (0 votes)
12 views17 pages

Global HTML CSS New 2

The document consists of a series of questions related to web development, specifically focusing on HTML and CSS practices. It includes tasks such as adjusting CSS properties for layout, creating responsive designs, and writing proper HTML markup for various elements. The questions are structured to test knowledge on syntax, structure, and functionality in web design.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
12 views17 pages

Global HTML CSS New 2

The document consists of a series of questions related to web development, specifically focusing on HTML and CSS practices. It includes tasks such as adjusting CSS properties for layout, creating responsive designs, and writing proper HTML markup for various elements. The questions are structured to test knowledge on syntax, structure, and functionality in web design.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 17

Question 40 of 40 Time Remaining 00:14:40

You are work1ng on a page for a clhent and you noticed that each Iine in the l1st of features Is too close to the top and left edge of Which CSS should youadd to move the text away from the top and left edge of the
the box conta1ning it You need to move the text away from the top and left-side of the box as shown in the revised example box?
below
A border green 50px solid,
Original Display Revised Display éOB heght 50px

C marg1n 20px,
Wetlands Wetlands D padding 20px
Wetlands are low-lying areas that are covered by water. Wetlands are low-lying areas that are
Wetlands have three main features: Wetlands have three main features:
Water-saturated soil.
Water-saturated soil.
Water-tolerant plants.
Standing water.
Water-tolerant plants.

Standing water.

Go To Summary M#
Question 39 of 40 Time Remaining 00:14:43

For each statement about responsve layouts select True or


False

Note You will recerve patial credrt for each correct selection

Answer Area

True False

Media guernes are used to Create breakpo1nts.

Viewport settings are added to the <style> element

Gnd layouts are created by setting the width property to pixels

Go To Summary Mark for Review Mark for Feedback


Question 38 of 40
Time Remaining 00:14:45

You need to create a head1ng style that center-aligns the text and displays a wavy blue line below
the text

Complete the markup by selecting the correct opton from each drop-down list
Note You wllrecerve partial credit for each correct selection

Answer Area

<style>
h1 {
text-al1gn center,
text-decoration underline blue wavy,
}
</style>

Go To Summary Mark for Review Mark for Feedback Tools -


Question 37 of 40 Time Remaining 00:14:47

You are creating a web page that willdisplay the following table
You need to complete the markup
Food Price
Cake $9.99 Complele thestatements by selecting the correct option from each drop
Pie $8.99 down list

You wnte the following HTML Lne numbers are for reference only
Note You will receive partial cred1it for each correct selection
e1 <table>
<TAG1: "Answer Areã
<TAG2>Food<TAG2>
<TAG2>Price<TAG2> The open1ng and clos1ng tags for TAG1 should be: <t</tr
5 <TAG1>
06 <TAG1>
<TAG3>Cake<TAG3> The opening and closing tags for TAG2 should be <th></th>
<TAG3>$9.99<TAG3>
<TAG1> The openingand closing tags for TAGB should be<td><itd>
10 <TAG1>
11 <TAG3>Pie<TAG3>
12 <TAG3>$8.99<TAG3>
13 <TAG1>
14 </table>

Go To Summary Mark for Review Mark for Feedback Tools


Question 36 of 40 Time Remaining 00:14:49

You needa d1fferent image to d1splay for different screen sizes


Complete the markup by selecting the correct option from each drop
down ist

Answer Area

<picture>
< SOurce media="(min-width: 1080px)" sreset-"family.png">
<SOurce media="(min-width: 768px)" srcset-"family.jpg">
< img src
="family, gif" alt="Family portrait" style"width: auto">
<picture>

Go To Summary Mark for Review Mark for Feedbac


Question 35 of 40 Time Remaining 00:14:52

You are creating a webs1te for Sunset Web The websrte must show Sunset Web on the brOwser tab and display a headng of
Inventory
You need to create the structure of the website

Move all the markup segments to the answer area and place them in the correct order

Markup Segments Answer Area


1| <html>

2 <head>
|3||<title>Sunset Web</title>
4 </head>
|5||<body>
6||<h1>Inventory</h1>
7</body>
8| </html>

Go To Summary Mark for Review Mark for Feedback Tools


Question 34 of 40 Time Remaining 00:14:54

Astyle is not appl1ed to the document because of a syntax


error

In the answer area select the code with the error

Answer Area

<styles
body {.
1font.family:"Lucida Sansi"ucida. Sans RegularGeneva, Verdana" sans-serif;i
font-size:12pt
background:linen;
}
Eheader. hlI
borderiSPX inset. brgwos!
padding:10px;
border-radius :20px;
text-align: center;
ifont-size:150%;
text-shadow:1px 1px brown;
h2, h3 {
color:b37a00;v
font-size:1.75em;

div>p {
text-align:left;
Ifont size:2wj
</style>

Go To Summary Mark for Review Mark for Feedback Tools


Question 33 of 40 Time Remaining 00:14:58

You are creat1ng a website for a flonst

The home page contains images of different types of flowers When the user clcks on a flower, another web page will load that displays fiowers of that type
sold by the flornst

The link for carnations must meet the follow1ng requirements

The image carnation. png must be dsplayed


" When the mageisclicked the page carnations.html must load
Complete the markup by selecting the correct option from each drop-down ist

Answer Area

<a href-'carnat1ons html'> <img src="carnation png"/><la

Go To Summary Mark for Review Mark for Feedback


Question 32 of 40 Time Remaining 00:14:59

Youare creating a home page for CompanyPro The page will use JavaScr1pt If a browser does not support JavaScript the following message must be displayed
Your browser does not support JavaScript!

Move the appropriate head elements from the list on the left to the content or attrbute-value pairs on the rnight You may use each head element once. more than
once or not at all

Note You willreceve partial cred1t for each correct answer

Head Elements Answer Area


|<script> <meta> <title>
<link> hrèfe"style.css"
<noscript> <link> <base)
(script> sre-"js/form.js"
Ktitles
oDanyero
<noscript Your browser does not support
Javascript!.

Go To Summary Mark for Review Mark for Feedhack


Question 31 of 40 Time Remaining 00:15:00

You are des1gn1ng a web page for Winter Sports Corporation by us1ng HTML
You need to create the head Section within an ex1st1ng document

Which four markup segments shouid you use in sequence? Move the four markup segments to the answer area and place them in the
Correct order

Note There is more than one correct order You will receve cred1t for any correct order

Markup Segments Answer Area


<meta enctype="utf-8" <head>
<header>New Releases</header
<meta charset="utf-8">
<h3>Contact Us</h3>
3||<title>About Winter Sports Corporationc/title>
</head>

Go To Summary Mark for Review Mark


Question 30 of 40 Time Remaining 00:15:02

The HTML validator has flagged the code segment shown below as
Inval1d

<header>
<h1>Top Songs</h1>
<p>Please make a selection.. .</p>
<nav>
<a href-"#Pop">Pop</a>
<a href="#Jazz"> Jazz</a>
<a href-"#Class">Classical</a>
</header>
</nav>

What is the problem with the code?

A The </nav> tag shouid be above the </header> tag

O B The <header> tag is limited to one child

O C The <p> tag cannot be inside the <header> tag

O D The <nav> tag cannot be nside the <header> tag

Go To Summary Mark for Review Mark for Feedback Tools


Question 29 of 40 Time Remaining 00:15:03

You want to apply a style to all elements in a


document

Which type selector should you use?

OA +

OB :

OD >

Go To Summary Mark for Review Mark for Feedbach Tools


Question 28 of 40 Time Remaining 00:15:06

Which code segment willdisplay the Play and Pause controls in the audio
Interface?

A <audio preload="auto">

<audio autoplay>

<audio preload=" controls">

<audio controls>

Go To Summary Mark for Review Mark for Feedback


Question 27 of 40 Time Remaining 00:15:07

Youare creatngan HTML document that displays a list of news articles


Complete the markup by selecting the correct option from each drop
The list has the following requirements down list
" Each article must be its own semanttc block Note You will receive partial credit for each correct selection
" Each article must have a headl1ne
" Each article must have a section that contains ts content

For browsers that support the feature, the content must be hidden unt1l the user clicks to reveal it Answer Area
The followIng shows how the article displays when the article content is hidden <article>
<deta1ls>
ºArticle Headiine
<summary>
Article Headline
The following shows how the articie displays wthen the article content s displayed </summary>
VArtucle Headime
<p>This is the article body.</p>
K/details>
This 1s the art1cie body </article>

Go To Summary Mark for Review Mark for Feedback Tools


Question 26 of 40 Time Remaining 00:15:08

Which tag is used to create a drop-down ist in


HTML5?

<fieldset>

oB <textarea>

C <option>

<select>

Go To Summary Mark for Review Mark for Feedback Tools - Back Next
Question 26 of 40 Time Remaining 00:15:13

Which tag is used to createa drop-down Iist in


HTML5
A <fieldset>

B <textarea>

C <option>

D <select

Go To Summary Mark for Review Mark for Feedback Tools Back Next
Question 25 of 40 Time Remaining 00:15:15

Which two HTML5 Code fragments automatically play avideo upon page load? (Choose
2)

A
<video src="myVideo. ogg" width="320" height="320" controls
autoplay>

O B <video src="myVideo . ogg" width="320" height="320" controls>

<video src="myVideo.ogg" widtth="320" height="320"


preload="auto">

XD <video src="myVideo.ogg" width="320" height-"320" autoplay>

Go To Summary Mark for Review Mark for Feedback Toois Back Next

You might also like