Quiz
Web design
This quiz has question types that open in the usual player.
Questions in this quiz (43)
1a domain name ("http://www.") is ALWAYS used in:
- Aabsolute links
- Brelative links
2relative links only point to a file or a file path e.g. "/new.html"
- ATrue
- BFalse
3Browser version, operating system and video capabilities can produce variations in the:
- Aweight, spacing and rendering of the font families to individual users
- Bcolor, text and layout of the font families to individual users
- Cdepth, feel and outlook of the font families to individual users
4Using css, write the code to specify a generic font family. In this example use sans-serif:
p [blank_start]{font-family: sans-serif;}[blank_end]- A{font-family: sans-serif;}
5Serif, Sans-serif, monospace, cursive and fantasy are a category of font that are deemed ________ font families.
- AAvailable
- BUnavailable
- CGeneric
- DLarge
6Font ________ are a specified list of alternate fonts
- Afallbacks
- Bnames
- Cversions
- Dfamilies
7Write the css font family code to include in order, arial and helvetica:
p [blank_start]{font-family: arial, helvetica;}[blank_end]- A{font-family: arial, helvetica;}
8For print media, use _______ units of measurement
- Aabsolute
- Brelative
- Calways
- Dvariable
9For web, use _______ units of measurement
- Arelative
- Babsolute
- Calways
- Dvariable
10What is the default font size?
- A13px
- B16px
- C20px
- D8px
11HTML is a _________ language (not a programming language) that lets you specify the structure and content of a web page
- Amarkup
- Bstyle
- Chyper
- Dnumerical
12CSS is a ________ language (not a programming language) that lets you modify how web page appears)
- Amarkup
- Bhyper
- Cstyle
- Dnumerical
13Separation of Form and Function:
Content & Structure = ___________- AHTML
- BJavascript, PHP
- CCSS
- DPython
14Separation of Form and Function:
Style = ___________- AHTML
- BCSS
- CJavascript, PHP
- DPython
15Separation of Form and Function:
Dynamic Functionality = ___________- AHTML
- BCSS
- CJavascript, PHP
- DPython
16______________ (tags) - the basic building blocks of HTML
- AElements
- BAttributes
- CProperties
- DHeadings
17_____________ - extra information for elements (properties)
- AElements
- BAttributes
- CProperties
- DHeadings
18write the HTML code to insert an image that is titled "p.jpg" with a height of 10 and a width of 13 not including the closing image tag:
[blank_start]<img src="p.jpg" height="10" width="13">[blank_end]- A<img src="p.jpg" height="10" width="13">
19what is the tag used to make a list of items bullet pointed?
- A<ul>
- B<ol>
- C<bul>
- D<bl>
20Each item in a list starts with the ________ tag
- A<li>
- B<ur>
- C<br>
- D<ul>
21what is the tag used to make a list of items numered?
- A<ol>
- B<ul>
- C<nu>
- D<bl>
22Span element is [blank_start]inline[blank_end] and usually used for a small chunk of HTML inside a line (such as inside a paragraph)
- Ainline
23A div (division) element is [blank_start]blockline[blank_end] (which is basically equivalent to having a line-break before and after it) and used to group larger chunks of code.
- Ablockline
24Write a CSS style rule for a class called “warning” with white text, a red background colour and 2 em of padding on the top and bottom sides.
[blank_start].warning {[blank_end]
[blank_start]background-color: red;[blank_end]
[blank_start]color: red;[blank_end]
[blank_start]padding-top: 2em;[blank_end]
[blank_start]padding-bottom: 2em;[blank_end]
[blank_start]}[blank_end]- A.warning {
- Bbackground-color: red;
- Ccolor: red;
- Dpadding-top: 2em;
- Epadding-bottom: 2em;
- F}
25Task analysis is the process of learning about ordinary users by observing them in action to understand in detail how they perform their tasks and achieve their intended goals.
- ATrue
- BFalse
26Tasks analysis helps identify the tasks that your website and applications must support and can also help you refine or re-define your site’s navigation or search by determining the appropriate content scope.
- ATrue
- BFalse
27Write the HTML for a form that sends a user's name (text field and submit button) to hi.php.
[blank_start]<form action="hi.php" method="post">[blank_end]
[blank_start]name: <input type="text" name="name">[blank_end]<br>
[blank_start]<input type="submit">[blank_end]
[blank_start]</form>[blank_end]- A<form action="hi.php" method="post">
- Bname: <input type="text" name="name">
- C<input type="submit">
- D</form>
28Image file formats are [blank_start]standardized[blank_end] means of [blank_start]organizing[blank_end] and [blank_start]storing[blank_end] digital images
- Astandardized
- Borganizing
- Cstoring
29CSS Units
CSS has several different units for expressing a [blank_start]length[blank_end]
There are two types of [blank_start]length[blank_end] units: [blank_start]relative[blank_end] and [blank_start]absolute[blank_end]- Alength
- Blength
- Crelative
- Dabsolute
30Explain CSS:
CSS stands for [blank_start]Cascading Style Sheets[blank_end], CSS describes how [blank_start]HTML[blank_end] elements are to be displayed on screen, paper, or in other media- ACascading Style Sheets
- BHTML
31CSS Selectors:
In CSS, selectors are [blank_start]patterns[blank_end] used to select the element(s) you want to [blank_start]style[blank_end].
for example:
Selector: #id
Example: #firstname
Selects the element with id="firstname"
Selector: .class
Example: .intro
Selects all elements with class="intro"- Apatterns
- Bstyle
32CSS properties are the key to [blank_start]altering[blank_end] the [blank_start]styling[blank_end] of [blank_start]HTML[blank_end] elements in your web documents.
- Aaltering
- Bstyling
- CHTML
33A __________ consists of a media type and zero or more expressions that limit the style sheets' scope by using media features, such as width, height, and color
- Amedia query
- Blogical query
- CHTML element
- DCSS selector
34HTML forms contain [blank_start]form[blank_end] elements.
Form elements are different types of [blank_start]input[blank_end] elements, checkboxes, [blank_start]radio[blank_end] buttons, submit buttons, and more- Aform
- Binput
- Cradio
35HTML elements are written with a [blank_start]start[blank_end] tag, with an [blank_start]end[blank_end] tag, with the content in [blank_start]between[blank_end].
The HTML element is everything from the [blank_start]start[blank_end] tag to the [blank_start]end[blank_end] tag- Astart
- Bend
- Cbetween
- Dstart
- Eend
36An HTML validator is a quality assurance program used to [blank_start]check[blank_end] Hypertext Markup Language ( HTML ) markup [blank_start]elements[blank_end] for [blank_start]syntax[blank_end] errors
- Asyntax
- Belements
- Ccheck
37JavaScript has __________ different types of value
- Atwo
- Bfour
- Csix
- Deight
38There are five primitive java data types:
- Astring, number, boolean, undefined and null
- Bstring, array, function, defined and null
- Coutput, number, array, boolean and null
- Dinput, output, number, boolean and defined
39Forms let you build interactive Web pages that collect information from a user and process it on the _______
- Aweb server
- Bdatabase
- Cweb page
- Dpage
40HTML elements can have attributes
Attributes provide [blank_start]additional[blank_end] information about an element
Attributes are always specified in the [blank_start]start[blank_end] tag
Attributes come in name/value pairs like: name="value"
There [blank_start]name[blank_end] is the attribute.- Aadditional
- Bstart
- Cname
41With an external style sheet, you can change the look of an entire website by changing just one file!
Each page must include a reference to the external style sheet file inside the <link> element. The <link> element goes inside the <head> section:
<head>
<link [blank_start]rel[blank_end]="stylesheet" [blank_start]type[blank_end]="text/css" [blank_start]href[blank_end]="mystyle.css">
<[blank_start]/head[blank_end]>- Arel
- Bhref
- C/head
- Dtype
42parent/child elements
Select and style every <p> element where the parent is a <div> element:
[blank_start]div[blank_end] > [blank_start]p[blank_end] {
background-color: yellow;
}
The element>element selector is used to [blank_start]select[blank_end] elements with a [blank_start]specific[blank_end] parent.
Note: Elements that are not directly a child of the specified [blank_start]parent[blank_end], are [blank_start]not[blank_end] selected.- Adiv
- Bp
- Cspecific
- Dselect
- Eparent
- Fnot
43Write the code for a HTML table containing name as the table header and alex in the table data cell
[blank_start]<table>[blank_end]
[blank_start]<tr>[blank_end]
[blank_start]<th>name</th>[blank_end]
[blank_start]</tr>[blank_end]
[blank_start]<tr>[blank_end]
[blank_start]<td>alex</td>[blank_end]
[blank_start]</tr>[blank_end]
[blank_start]</table>[blank_end]- A<table>
- B<tr>
- C<th>name</th>
- D</tr>
- E<tr>
- F<td>alex</td>
- G</tr>
- H</table>
Information
- Description
- Quiz on Web design, created by Alex Von Kurtz on 15/06/2016.
- Author
- Alex Von Kurtz
- Language
- English
- Views
- 1
- Rating
- No ratings yet Rate this quiz