COP FINAL 1-5
How do you make each word in a text start with a capital letter?
text-transform:capitalize
All the words in the paragraph below appear on the same line when rendered in a browser. <p> Aspire to inspire before you expire. </p>
true
Some HTML elements have multiple states, like the link, how do you give it a particular style when the user hovers over the element?
:hover
Use the correct HTML to make the image become a link to "default.html". <img src="smiley.gif">
<a href="default.html"><img src="smiley.gif"> </a>
The element which provides the drop-down list options in a combo box is
<datalist>
Add a line through (strikeout) the letters "blue" in the text below. <p> My favorite color is ------blue------- red. </p>
<del> </del>
Select the most appropriate valid HTML code for the following output: Name:
<form action="/action_page.php" method="post">Name: <input name="name" type="text"><input type="submit"></form>
Write a heading for a book chapter titled "Introduction".
<h1>Introduction</h1>
What tag includes a picture in a web page?
<img>
Which of the following define a button? Select all that apply.
<input type="button" name="btn" value="OK"> <button type="button">OK</button
Which tag gives the caption for the fieldset?
<legend>
What is the correct HTML for referring to an external style sheet?
<link rel="stylesheet" type="text/css" href="mystyle.css">
What does CSS stand for?
Cascading Style Sheets
In the following drop-down menu, the user can select multiple items (maximum 3 items can be selected). <select name="drink" size="3"> <option value="Tea">Tea</option> <option value="Coffee" selected>Coffee</option><option value="Juice">Juice</option><option value="Coke">Coke</option> </select>
False
What are the options that can be used for method attribute in HTML forms ?
GET, POST
Where in an HTML document is the correct place to refer to an external style sheet?
In the <head> section
What is the output of the following HTML code? <!DOCTYPE html> <html> <body> <p>ONE.</p><p>TWO.</p> </body> </html>
ONE. TWO.
How do you group selectors?
Separate each selector with a comma
T/F HTML elements tell the browser how to display the content HTML elements are represented by tags Browsers do not display the HTML tags
T T T
An <option> tag must have a value attribute
True
Indicate the tags needed in the following HTML on the left to achieve the rendered table shown on the right. <table> (a) Transistors then and now</caption> <tr> <th>Attribute</th> <th>1975</th> <th>2015</th> </tr> (b) <th>Transistor size</th> <td>6 μm</td> <td>14 nm</td> </tr> <tr> (c) Transistor count</th> <td>6K</td> (d) 1.3G</td> </tr> </table>
a <caption> b <tr> c <th> d <td>
Which is the correct CSS syntax?
body {color: black;}
Which CSS property is used to change the text color of an element?
color
If you wanted to position an element to the right in its container, what is a valid CSS property to use?
float:right;
Which property is used to change the font of an element?
font-family
Which CSS property controls the text size?
font-size
How do you make the text bold?
font-weight:bold;
Which of the following will be the query string when GET method is used for from submission, with two fields name and dept?
http://sample.com/login?name=Adam&dept=CS
Indicate which of the following img tags are valid. <img src="smiley.gif"> <img alt="Fun weekend" src="weekend.jpg"> <img src=birthday.jpg alt=Birthday>
invalid valid valid
What property do you use to create spacing between HTML elements?
margin
Which property is used to change the left margin of an element?
margin-left
The _______ attribute in a list box allows the user to select more than one option.
multiple
The web browser groups radio buttons together with the same _________ attribute, where each possible value in a group has an associated input.
name
What is the correct CSS syntax for making all the <p> elements bold?
p {font-weight:bold;}
What property would you use to create space between the element's border and inner content?
padding
Which HTML attribute is used to define inline styles?
style
Match the following: ....................... let a user select ZERO or MORE options of a limited number of choices. Checkboxs ......................let a user select ONLY ONE of a limited number of choices.
Checkboxs Radio buttons
The following element represents a combo box which is used to select a sport from a list. <input list="sport"> <dataset id="sport"> <option value="Baseball"> <option value="Basketball"> <option value="Football"> <option value="Hockey"> <option value="Soccer"> </datalist>
False
Identify the missing tags in the following HTML code. <table> (a) <th>Head 1 (b) <th>Head 2</th> (c) Head 3</th> </tr> <tr> (d) Item 1</td> <td>Item 2 </td> <td>Item 3</td> </tr> </table>
a <tr> b </th> c <th> d <td>
Indicate whether each line has an error. (a) <ul> (b) <li>HTML<li> (c) <li>JavaScript (d) </ul>
a no error b error c error d no error
How do you select an element with id "demo"?
#demo
How do you select elements with class name "test"?
.test
How do you insert a comment in a CSS file?
/* this is a comment */
Create an iframe with a URL address that goes to https://www.ucf.edu.
<iframe src="https://www.ucf.edu"></iframe>
Which tag can be used to embed a Youtube video?
<iframe>
Set the size of the image to 250 pixels wide and 400 pixels tall.
<img src="car.jpg" width="250" height="400">
How to set a field as a mandatory in HTML?
<input type="text" required>
Which tag creates a text box widget?
<input>
Where is the correct place to insert a JavaScript?
Both the <head> section and the <body> section are correct
What is the output of the following HTML code? <!DOCTYPE html> <html> <body> <h1>My First Heading.<p>My first paragraph.</p></h1></body> </html>
My First Heading. My first paragraph.
True or False? The purpose of a plug-in is to extend the functionality of a web browser. A browser plug-in is software that can properly read and interpret a file format that the browser cannot. Plug-ins can be added to web pages with <embed> and <object> tags. This is a valid html : <object data="p1.jpeg"></object>
T T T T
<audio controls><source src="sound.ogg"><source src="sound.mp3"></audio> When the browser supports only mp3 format which of these will happen.
The browser will download the first file format the browser supports.
How do you display hyperlinks without an underline?
a {text-decoration:none;}
For users that use the tab key to navigate websites, what property shows moving from one element to another using this behavior?
a:focus
Select attributes and values from the dropdowns that would make these tags valid HTML.
arttribute=srcvalue=http://www.dogs.com/photo.jpg
Which property is used to change the background color?
background-color
Which property is necessary to set an image in the background?
background-image
Which of the following are valid input type. (input type="______")
color range number
How would you style an element so that the next element would appear right next to it not underneath it if both elements widths were collectively smaller than the container element?
display:inline;
How do you select all p elements inside a div element?
div p
What is the correct JavaScript syntax to change the content of the HTML element below? <p id="demo">This is a demonstration.</p>
document.getElementById("demo").innerHTML = "Hello World!";
How do you add a background color for all <h1> elements?
h1 {background-color:#FFFFFF;}
Which of the following are valid HTML5 widgets? Select all that apply.
time, month, datetime-local, url
Determine if the following HTML is valid or invalid. <p>This sentence does <!--not--> contain a comment</p> <p>Roses are <!--purple--> red. Violets are <!--turquoise. <!--green.--> black.-->blue.</p> <p>Bananas grow <!--in bushes.</p>--> on a tree.</p> <p>Mary had a <!--soft, little</p>--> lamb. Its fleece was white as snow.
valid invalid invalid invalid
Valid or invalid element? <img src="my_picture.jpg" alt="My picture" style="width:500px;height:600px;"> <img src="my_picture.jpg" alt="My picture" style="width:500px,height:600px,"> <img src="my_picture.jpg" alt=My picture style="width:500px;height:600px;"> <img src='my_picture.jpg' alt="My picture" style="width:500px;height:600px;">
valid invalid invalid invalid
What is the easiest way to reference a class of various HTML elements with a class of "special"?
.special{}
Valid or invalid HTML markup? 1.<p>This is a very short paragraph.</p> 2. <h1>This is a chapter heading 3. <p>Sentence one.<h1>Sentence two.</p> 4. <P>A short paragraph.</p> 5. <image src="a.jpg">
1. Valid 2. Invalid 3. invalid 4. invlaid 5. invalid
How many elements are there in the following HTML code? <!DOCTYPE html><html><body><p>One <big>Two</big><big>Three</big></p></body></html>
5
Which HTML tag is used to define an internal style sheet?
<style>
How to play a muted video in a webpage as soon as it loads?
<video controls width="500" autoplay muted>
Determine if the following are valid or invalid hyperlinks. <a href="example.com/index.html">See example</a> <a href="https://example.com/index.html"> History <a href="https://example.org/index.html"> <img src="https://example.org/picture.jpg" alt="Picture of cat"></a>
invalid invalid valid
Which image tag attribute specifies the image's URL?
src
Given the following HTML: <ol> <li><img src="fire.jpg" alt="Fire"></li> <li><img src="water.jpg" alt="Water"></li> <li><img src="grass.jpg" alt="Grass"></li> </ol> The <ol> tag is a parent container. The <li> tag is a parent container. The <img> tag is a parent container.
true true false