Try IT Specialist : INF-306 valid & accurate questions and answers

You need to create the following form:

Complete the code by selecting the correct option from each drop-down list.

Explanation:
First blank: < legend > Fundraising Campaign < /legend >
Second blank: < progress id= " donate " value= " 30 " max= " 100 " > < /progress > Third blank: list= " donateAmount "

You need to create the layout shown, which defines five content areas:
* Logo and page title
* Menu
* Main content area
* Additional content area
* Copyright and contact information
You define the following classes:

• A. .grid-container { display: grid; grid-template-columns: " heading heading heading heading heading heading " " menu content content content right right " " menu contact contact contact contact contact " ; grid-gap: 10px; background-color: orange; padding: 10px;}
• B. .grid-container { display: grid; grid-template-rows: " heading heading heading heading heading heading
  " " menu content content content right right " " menu contact contact contact contact contact " ; grid- gap: 10px; background-color: orange; padding: 10px;}
• C. .grid-container { display: grid; grid-template-columns: 33% 33% 33%; grid-template-rows: 300px
  500px 300px; grid-gap: 10px; background-color: orange; padding: 10px;}
• D. .grid-container { display: grid; grid-template-areas: " heading heading heading heading heading heading
  " " menu content content content right right " " menu contact contact contact contact contact " ; grid- gap: 10px; background-color: orange; padding: 10px;}

Explanation: Only visible for Exams-boost members. You can sign-up / login (it's free).

You need to display the following user interface:
Motorcycle
Truck
Boat
Car
Bicycle
Complete the markup by selecting the correct option from each drop-down list.

Explanation:
First drop-down: datalist
Second drop-down: vehicles
Third drop-down: < /datalist >
The correct element is < datalist > because the interface requires a text input that provides selectable suggestions while still allowing the user to type. The < input > element uses list= " vehicles " , so it must be connected to a < datalist > element whose id is exactly vehicles. The id cannot be vehicle, because vehicle is already the input element's own identifier and does not match the value used by the list attribute. The < option
> elements inside the datalist define the suggested values: Motorcycle, Truck, Boat, Car, and Bicycle. ul, ol, and li are list-markup elements and do not create input suggestions. select would create a fixed dropdown list, but it would not match the editable input-with-suggestions behavior shown. The closing tag must match the opening datalist element, so the final selection is < /datalist > .

Which markup segment uses the output element to display the combined value of two input elements in HTML5?

• A. < form oninput= " a.value+b.value " > < input type= " number " name= " a " value= " 50 " / > + < input type= " number " name= " b " value= " 50 " / > < /form >
• B. < form > < input type= " number " name= " a " value= " 50 " / > + < input type= " number " name= " b
  " value= " 50 " / > = < output name= " c " for= " a b " > a+b < /output > < /form >
• C. < form oninput= " c.value=a.value+b.value " > < input type= " number " name= " a " value= " 50 " / >
  + < input type= " number " name= " b " value= " 50 " / > = < output name= " c " for= " a b " > < /output
  > < /form >
• D. < form > < input type= " number " name= " a " value= " 50 " / > + < input type= " number " name= " b
  " value= " 50 " / > = < output name= " c " for= " a b " > < /output > < /form >

Explanation: Only visible for Exams-boost members. You can sign-up / login (it's free).

Which markup segment creates an SVG ellipse?

• A. < svg height= " 140 " width= " 500 " > < ellipse cx= " 200 " cy= " 80 " x= " 100 " y= " 50 " fill= " green " stroke-width= " 2 " / > < /svg >
• B. < svg height= " 140 " width= " 500 " > < ellipse x= " 200 " y= " 80 " x= " 100 " y= " 50 " fill= " green " stroke-width= " 2 " / > < /svg >
• C. < svg height= " 140 " width= " 500 " > < ellipsp x= " 200 " y= " 80 " rx= " 100 " ry= " 50 " fill= " green
  " stroke-width= " 2 " / > < /svg >
• D. < svg height= " 140 " width= " 500 " > < ellipse cx= " 200 " cy= " 80 " rx= " 100 " ry= " 50 " fill= " green " stroke-width= " 2 " / > < /svg >

Explanation: Only visible for Exams-boost members. You can sign-up / login (it's free).