NEW
Font size
WorksheetsHTML / CSS - test prep 1 of 2
Total questions: 65
Worksheet time: 22mins
The first tag on a webpage
<html>
<!DOCTYPE html>
<head>
<body>
Tags used to define html code
<html> </html>
<head> </head>
<body> </body>
Two tags nested directly inside the <html> tag
<head> and <header>
<header> and <body>
<head> and <body>
Tag that goes inside the <head> tag
<title>
<style>
<link>
<meta>
all of these
Tags used for headings
<h1> --> <h6>
<head>
<header>
Tags used to create a paragraph
<h1>
<para>
<p>
Tag used for a line break
<br>
<stop>
<break>
Tag used to create emphasis or italics
<e>
<i>
<em>
Tag used to make text bold
<b>
<bold>
<strong>
Can you put emphasis tags inside other tags?
yes
no
Type of list in html
Ordered
Unordered
Descriptive
all of these
Opening tag for unordered list (bulleted list)
<ul>
<ol>
Opening tag for ordered (numbered) list
<ul>
<ol>
Tag for items inside your list
<list>
<li>
<item>
Tag used to display a picture
<img>
<image>
<pic>
What attribute is accessed (used) if a picture doesn't load?
alt = " "
show = " "
name = " "
Should you use both width and height attributes in a <img>?
yes, both
no, one or the other
In a <img> tag the width attribute is shown as
width="200"
width="200px"
Tag used to link to another webpage
<a>
<html>
<link>
In an <a> anchor tag, where does the text "click here" go?
Before the opening <a> tag
Inside the opening <a> tag
In between the opening <a> tag and the closing </a> tag
What are 2 examples of text properties in html?
center and none
align and decoration
text-align and
text-decoration
What are 2 examples of text values in html?
align and decoration
center and none
width and height
color and
font-family
Name the division tag that groups multiple tags together on a webpage.
<div>
<span>
<header>
<group>
Is the <div> tag an inline element or a block element?
block
inline
What tag is used to style a word or phrase?
<div>
<span>
Is a <span> tag an inline element or a block element?
inline
block
A block element
starts on a new line
is built into another element
An inline element
starts on a new line
is built into another element
How do you change the size of a <div>?
width: " "
height: " "
both of these
In the box model, what does a margin do?
it separates elements
it creates space on the outside of your element
it creates whitespace
all of these
Aspects (or ways to style) of a border
thickness
style
color
all of these
What does padding do in the box model?
separates content from it's own border
separates one element from another element
Sequential text elements are displayed
top to bottom
left to right
Sequential <img> elements are displayed
top to bottom
left to right
Relative positioning puts the element
where it would normally appear on the page
anywhere on the page
Absolute positioning puts the element
where it would normally appear on the page
anywhere on the page
What is needed to position elements in front of one another?
z-index
index positioning
you can't put one tag in front of another
To use the z-index, you must be using
absolute positioning
relative positioning
What position keeps elements relative to the screen?
For example, what keeps your <nav> menu at the top of the screen
even when scrolling down the page?
fixed position
absolute position
relative position
What property do you use to wrap an element/ image around another?
float
text-align
width
center
How do you write all <p> tags have a class=turtle?
p.turtle
p.class
class.turtle
When do you put a space between selectors?
when you want the style rule to apply to descendants
When you have a class
When you have an id
If you want to create a style rule for <em>,
but only when <em> is located inside (nested) in an <h3>.
For example: h3 em {color:red}
This rule applies to
descendants
inheritance
psuedo class
id
How do you group selectors if you want to apply the same style to all?
separate them with commas
h1, p, ul {color:blue}
separate them with periods
h1. p. ul {color:blue}
separate them with semicolons
h1; p; ul {color:blue}
What's a popular psuedo class we used in our projects?
a:hover
a.hover
a-hover
Specificity in style applies to
location of your rule
order of your rule
hierarchy of your rule
The most important element in a <form> element is
text
name
input
What attribute defines the input element?
type
name
size
The <select> element defines a
comment area
drop down list
checkbox
In a drop-down list, what element identifies the selections?
<select>
<option>
<type>
Select the item below that indicates the top-level domain in this URL:
http
www
mozilla
com
What is a unique text-based Internet address that corresponds to a computer's unique numeric IP address called?
domain name
URL
user name
The purpose of this is to ensure the integrity of internet communication.
IP
TCP
HTTP
FTP
When should you code an absolute hyperlink?
when linking to a web page that is external to your website
when linking to a web page that is internal to your website
Which tag configures a horizontal line on a web page?
<line>
<hr>
<hrline>
Which of the following is a sketch or diagram of a web page that shows the structure (but not the detailed design) of basic page elements?
mockup
wireframe
storyboard
What are the most common methods of organizing websites?
hierarchical
linear
random
all of these
Which of the following is the design technique used to create pages that stretch to fill the browser window?
fluid
filler
spillover
Which of the following can be a CSS selector?
an HTML element name
a class name
an id name
all of these
A web page uses this file extension.
.html
(sometimes spelled .htm)
.com
.net
An External Style Sheet uses this file extension.
.css
.htm
.html
Which declaration configures an unordered list item with a square list marker?
list-style-type: square;
list-type: square;
style-type: square;
Which CSS property will configure the font typeface?
font
font-family
text
Which configures a class called news with red text, large font, and Arial or a sans-serif font using CSS?
.news { color: red;font-size: large;font-family: Arial,sans-serif; }
news { color: red;font-size: large;font-family: Arial,sans-serif; }
#news { color: red;font-size: large;font-family: Arial,sans-serif; }
Which of the following configures a graphic to repeat vertically down the side of a web page?
background-repeat: repeat-y;
background: repeat-y;
repeat: y;
