GrC 338 Midterm
What information does alt provide on the < img > tag? Select one: a. Text that appears when you hover over the image b. An alternative image if the specified one does not fit c. A text description of what is shown on the image
c. A text description of what is shown on the image
HTML5 introduced a new email input. How do older browsers treat this? Select one: a. They do not display it b. Like a text area c. As if it were any other text box
c. As if it were any other text box
What does the element < abbr > specify? Select one: a. Acronym b. Abbreviation c. Both of the answers are correct
c. Both of the answers are correct
What does this escape code create? © Select one: a. Less-than sign b. Registered trademark c. Copyright symbol
c. Copyright symbol
Your first choice of typeface is Georgia, then Times, then the default serif font. Which of these values is correct? Select one: a. serif, Times, Georgia b. " Georgia, Times, serif " c. Georgia, Times, serif
c. Georgia, Times, serif
Which formats should you provide video in if you want it to work in as many browsers as possible? Select one: a. AVI and FLV b. H264 and AVI c. H264 and WebM
c. H264 and WebM
When a color is specified like this: #66cdaa what is it referred to as? Select one: a. Color name b. RGB value c. Hex code
c. Hex code
Tables are made up of cells or boxes. How are they drawn out? Select one: a. Both of the above b. One column at a time c. One row at a time
c. One row at a time
Which element can you use to group together a set of related form elements? Select one: a. < label > b. < formgroup > c. < fieldset >
c. < fieldset >
HTML5 introduces a new element to contain image captions. What is it? Select one: a. < title > b. < caption > c. < figcaption >
c. < figcaption >
Which element is used to add images to a web page? Select one: a. < li > b. < image > c. < img >
c. < img >
To supply multiple audio formats, which element is repeated inside the < audio > element? Select one: a. < format > b. < src > c. < source >
c. < source >
Which of these creates a multi-line text input? Select one: a. < input type = "textbox" / > b. < input type = "text" / > c. < textarea > < /textarea >
c. < textarea > < /textarea >
What is the correct way to indicate an empty table heading? Select one: a. < th / > b. Miss out the < th > element c. < th > < /th >
c. < th > < /th >
On a long table, which element can you use to contain the heading rows? Select one: a. < tbody > b. < tfoot > c. < thead >
c. < thead >
To add HTML5 video to your page which element do you use? Select one: a. < media > b. < object > c. < video >
c. < video >
Which CSS rule allows you to link to typefaces that are not installed on the users computer? Select one: a. @font-family b. @font-link c. @font-face
c. @font-face
What does the < ul > element create? Select one: a. A list with numbers b. A list of definitions c. A list with bullet points
c. A list with bullet points
Which tag would you use to reference a piece of work (such as a book or a film)? Select one: a. < ref > b. < citation > c. < cite >
c. < cite >
To make text uppercase using CSS, which one of these declarations would you use? Select one: a. text-transform: capitals b. text-transform: uppercase c. font-style: capitalize
b. text-transform: uppercase
Which selector indicates this element? < a id = "top" > Top < /a > Select one: a. * top { } b. # top { } c. . top { }
a. #top { }
Which selector applies a rule to all elements? Select one: a. * { } b. # { } c. . { }
a. * { }
RGB colors contain values between 0 and 255. What is the value of blue in this color: rgb(102, 205, 170)? Select one: a. 170 b. 102 c. 205
a. 170
How many levels of heading are there in HTML? Select one: a. 6 b. 12 c. 3
a. 6
Which CSS pseudo-class is used to set a different style for links that a user has clicked on? Select one: a. : visited b. : vlink c. : link
a. : visited
Which element is used to create a line break in the middle of a paragraph? Select one: a. < br / > b. < hr / > c. < b >
a. < br / >
Which element can be used to group together elements in a block level box? Select one: a. < div > b. < span > c. < group >
a. < div >
Which element should be used to embed to Google map into a web page? Select one: a. < iframe > b. < embed > c. < frame >
a. < iframe >
Which element is used to 'strikethrough' text? Select one: a. < s > b. < st > c. < strike >
a. < s >
Which element is used to create a heading for a table row or column? Select one: a. < th > b. < tr > c. < td >
a. < th >
Which of the following shows the correct syntax for a row containing three columns? Select one: a. < tr > < td >Peach< /td > < td >Plum< /td > < td >Pear< /td > < /tr > b. < th > < td >Peach< /td > < td >Plum< /td > < td >Pear< /td > < /th > c. < tr > < td >Peach < td >Plum < td >Pear < /tr >
a. < tr > < td >Peach< /td > < td >Plum< /td > < td >Pear< /td > < /tr >
CSS 3 introduced the rgba and hsla values for specifying colors. What does the a stand for? Select one: a. Alpha b. Accurate c. Array
a. Alpha
In this CSS, what color will the h1 headings appear? h1, h2, h3 { color: red; } h1 { color: black; } Select one: a. Black b. Brown c. Red
a. Black
Which of the following statements is true? Flash will not play... Select one: a. On iPads and iPhones b. On any mobile device c. On Android devices
a. On iPads and iPhones
What does the ol in the < ol > element stand for? Select one: a. Ordered List b. Ordinary c. Ordinary List
a. Ordered List
When a link does not contain a domain name (just a path to another file on the same website) what is it called? Select one: a. Relative URL b. Absolute URL c. Path Name
a. Relative URL
Which of the following statements is false: The value of the id attribute... Select one: a. Should be lowercase b. Must be unique within each document c. May not start with a number
a. Should be lowercase
What does the HTML5 placeholder attribute provide on a text input? Select one: a. Text to show until the user clicks in the box b. Text to show if the browser cannot display the input c. A default value if the user does not enter any text
a. Text to show until the user clicks in the box
What does the action attribute on the < form > element allow us to specify? Select one: a. The URL the form data is sent to b. The purpose of the form c. The title of the form
a. The URL the form data is sent to
What does the scope attribute specify? Select one: a. Whether the headings applies to a row or a column b. What the table is for c. How many columns a row should stretch across
a. Whether the headings applies to a row or a column
Which selector applies to all links that are inside a < div > element? Select one: a. div a { } b. div > a { } c. div + a { }
a. div a { }
Which attribute is used to indicate the page a link should go to? Select one: a. href b. link c. a
a. href
Which of the following rules makes the content of a set of < li > elements sit net to each other? Select one: a. li { display: inline-block; } b. li { visibility: inline; } c. li { display: block; }
a. li { display: inline-block; }
To use an image for a custom bullet point style, which rule would you use? Select one: a. list-style-image: url egg; b. list-style-type: url egg; c. bullet-image: url egg;
a. list-style-image: url egg;
Which attribute indicates that HTML5 video and audio should play again once it has ended? Select one: a. loop b. autoplay c. repeat
a. loop
Which of these attribute selectors specifies an element that carries a class attribute whose value is box? Select one: a. p [ class = "box" ] { } b. p [ . = "box" ] { } c. p [ ^ "box" ] { }
a. p [ class = "box" ] { }
If you want to have more than one declaration in a CSS rule, what character separates them? Select one: a. semi - colon ; b. comma , c. colon :
a. semi - colon ;
Which of the following is a correctly nested list? Select one: a. < ul > Peach < br / > Plum < br / > Pear < br / > < /ul > b. < ul > < li >Peach < /li > < li >Plum < /li > < li >Pear < /li > < /ul > c. < ul > < ul >Peach < /ul > < ul >Plum < /ul > < ul >Pear < /ul > < /ul >
b. < ul > < li >Peach < /li > < li >Plum < /li > < li >Pear < /li > < /ul >
If 5 spaces are left between two words, how many will appear in the web browser? < p > I love code. < /p > Select one: a. 2 b. 1 c. 5
b. 1
Which of the following is a comment in HTML? Select one: a. / * comment text * / b. < ! - - comment text - - > c. // comment text
b. < ! - - comment text - - >
Which link takes you to this heading at the top of the page? < h1 id = "top" > Hello! < /h1 > Select one: a. < a href = "id = top" > b. < a href = "#top" > c. < a href = "top.html" >
b. < a href = "#top" >
A definition list creates a list of terms and their meanings. Which element is used to hold the term? Select one: a. < dd > b. < dt > c. < dl >
b. < dt >
HTML 5 introduces a new element to contain images. What is that element? Select one: a. < image > b. < figure > c. < picture >
b. < figure >
In an HTML file, which element do you use to link to an external style sheet? Select one: a. < a > b. < link > c. < style >
b. < link >
Which element is used to create a numbered list? Select one: a. < ul > b. < ol > c. < dl >
b. < ol >
Which element in the code below is an inline element? < h1 > Dessert Menu < /h1 > < ul > < li > Crepes with Lemon and Sugar < /li > < li > < strong > New! < /strong > Millefeuille Aux Fraises < /li > < li > Vanilla Cupcake with Lavendar Frosting < /li > < li > Pear and Blackberry Tart with Creme Fraiche < /li > < li > < strong > New! < /strong > Salted Caramel Macarons < /li > < /ul > Select one: a. < h1 > b. < strong > c. < li >
b. < strong >
Which element is used to create the superscript th on the date 4th September? Select one: a. < s > b. < sup > c. < sub >
b. < sup >
What is the correct markup to make a table cell extend the width of two columns? Select one: a. < td rowspan = "2" > b. < td colspan = "2" > c. < td span = "2" >
b. < td colspan = "2" >
What is the name used when one list sits inside another? Select one: a. It is not possible to do this b. A nested list c. A sub-list
b. A nested list
Why is it important to save images the same size as they are shown on the page? Select one: a. If images are too big they take longer to download b. Both of the answers are correct c. If images are too small they can look grainy when the size is increased
b. Both of the answers are correct
Which form control allows the user to select one or more options? Select one: a. Radio buttons b. Checkboxes c. Drop-down boxes
b. Checkboxes
To play a Flash video on your site, which format do you need to convert it into first? Select one: a. MP4 b. FLV c. FLA
b. FLV
What does the li in the < li > element stand for? Select one: a. Line Item b. List Item c. List Indentation
b. List Item
Safari, Chrome and IE9 all support MP3 files. What do you need for Firefox and Opera? Select one: a. MP4 b. Ogg Vorbis c. WAV
b. Ogg Vorbis
Which format would you save an image with rounded corners and a transparent background in? Select one: a. GIF b. PNG c. JPEG
b. PNG
What do the letters URL stand for? Select one: a. Unique Resource Locator b. Uniform Resource Locator c. Unique Reference Locator
b. Uniform Resource Locator
If you want an HTML5 audio file to automatically start playing, which attribute do you use? Select one: a. start b. autoplay c. autostart
b. autoplay
Which of these is not a valid way to specify a color? Select one: a. b { color: rgb (50, 60, 70 ) ; } b. b { color : 50, 60, 70; } c. b { color: # 323c46; }
b. b { color : 50, 60, 70; }
To create an HTML5 email input, what value should the type attribute have? Select one: a. mail b. email c. mailto
b. email
Which selector only applies to < p > elements that follow an < h1 > element? Select one: a. h1 > p { } b. h1+ p { } c. h1 p { }
b. h1+ p { }
A selector can indicate that a CSS rule applies to multiple elements. Which of these shows how this is done? Select one: a. h1: h2: h3 ( ) b. h1, h2, h3 ( ) c. h1 h2 h3 ( )
b. h1, h2, h3 ( )
Which of the following is the correct way to specify a square box? a. max-height: 200px; max-width: 200px; b. height: 200px; width: 200px; c. x: 200px; y: 200px;
b. height: 200px; width: 200px;
Which of the following values will create a numbered list like this: i. ii. iii. Select one: a. lower-alpha b. lower-roman c. roman-numeral
b. lower-roman
What is the correct syntax for sending an email to Ivy? < a href="______" > Ivy < /a > Select one: a. mail:[email protected] b. mailto:[email protected] c. email:[email protected]
b. mailto:[email protected]
Which of the following is the correct rule to prevent users from seeing content that is bigger than the box containing it? Select one: a. overflow: scroll; b. overflow: hidden; c. display: none;
b. overflow: hidden;
Which is the correct way to specify the color of a paragraph of text? Select one: a. p { font - color: #ff0000; } b. p { color: #ff0000; } c. p { text - color: #ff0000; }
b. p { color: #ff0000; }
What is the correct escape code for the & symbol? Select one: a. Both of the answers are correct b. ∧ c. &
c. &
There are three paragraphs on top of each other that use this rule: p {margin:10px;}. How much vertical space is between the paragraphs? Select one: a. 15 pixels b. 20 pixels c. 10 pixels
c. 10 pixels
Which CSS pseudo-class can change the style of an element when a user hovers over it? Select one: a. : focus b. : active c. : hover
c. : hover
Which element indicates that a paragraph of text is a quote from another source? Select one: a. < q > b. < quote > c. < blockquote >
c. < blockquote >
How will an older browser display a blue box which has been made semi-transparent using CSS 3 opacity? Select one: a. Not display the block at all b. Show the blue block and whatever is behind it c. Show a solid blue block rather than a semi-transparent one
c. Show a solid blue block rather than a semi-transparent one
Which of the following is bad form design? Select one: a. Labels positioned to the right of radio buttons b. Labels positioned to the left of text boxes c. Submit buttons positioned at the top of a form
c. Submit buttons positioned at the top of a form
When the borders of two table cells touch, which rule prevents you from getting double-width lines? Select one: a. border: collapse; b. border: none; c. border-collapse: collapse;
c. border-collapse: collapse;
Which attribute indicates that a checkbox or radio button option is selected when the page loads? Select one: a. ticked b. selected c. checked
c. checked
Which of these is not a valid way of expressing type size? Select one: a. px b. % c. en
c. en
Which of these properties is used to specify that text should appear in italics? Select one: a. font-variant b. font-weight c. font-style
c. font-style
What value does the method attribute of a < form > element need to carry when used for a file upload box? Select one: a. multipart b. get c. post
c. post
To show a static image before a video starts playing, which attribute can you use in HTML5? Select one: a. picture b. placholder c. poster
c. poster
If you do not want borders to appear on table cells that have no content, which of these rules would you use? Select one: a. td, th { empty-box: hidden; } b. td, th { empty: border-none; } c. td, th { empty-cells: hide; }
c. td, th { empty-cells: hide; }
