Web Design Semester Test Study Guide
What is the correct way to use a style attribute when placing containers?
<aside style="width: 22px; height: 150 px; background-color: #ffffff; float: left">
Choose the correct HTML tag to make text italic.
<em>
Which tag creates a bullet?
<li>
Choose the HTML tag that can be used to make a word bold.
<strong> </strong>
Which of the following is NOT found in the body section of an HTML document?
<title>
To create an Unordered List you should place what tags around the entire list?
<ul> ... </ul>
Any object on the page, such as a container, image, list, etc.
element
A ________ list is created when you place one list inside of another list.
nested
An _______ list creates numbers before each item.
ordered
An attribute is used to...
provide options or other information about a tag.
Which tag contains a group of related content, generally for positioning purposes?
section
What attribute would be used if you wanted an ordered list to begin with a value other than 1, or the first position of the other available numbering systems.
start
A _____ is one or more style rules that is applied to an HTML document.
style sheet
With an Embedded Style Sheet, Style definitions that are created in the heading of the document are applied _______.
throughout an entire document
A nested list is created when you place one list inside of another list.
true
Which brackets are used in style sheets?
{}
Which of the following are the symbols used for angle brackets?
<>
Which tags are used to create a definition list?
<dl> <dt> <dd>
Each item in an ordered list should be surrounded by which tag pair?
<li> </li>
What tag would you use to bold text content on your web page?
<strong>
To create an unordered list, you should place the ____ and ____ tags around the entire list.
<ul> </ul>
Meta tags can be used to do each of the following except?
Define the file name of the web page.
What is the default first level bullet of an unordered list?
Disc
Which of the following is NOT a valid bullet type created from the list-style-type property?
Image
What are the two primary regions of a web document contained directly below the root element of the web page.
Head & body
HTML stands for...
Hyper Text Markup Language
Where is an embedded style sheet located?
In the <head> region.
What does the <ol> tag stand for?
Ordered list
Consider the code show here; how will the text in the paragraph element be aligned. <body style="text-align: right"><section style="text-align: center"><article><p>Hello</p></article></body>
The text will be aligned to the center.
What are the three types of list that can be created with HTML?
Unordered, Ordered, Definition
Which of the following would be a style sheet selector?
article
A tags ____________ provide additional information about how the tag should be applied or styles that should be applied to the tag's content.
attributes
How are closing tags distinguished from their corresponding opening tags?
/ (forward slash)
What command would you use to add a non-breaking space to your document?
When saving your web pages from a text editor, which file extension should you use?
.htm
When you use the hexidecimal code to add color you use a combination of how many letters/numbers?
6
The first line of every html document starts with
<!DOCTYPE html>
Which of the following tags is typed correctly?
<!DOCTYPE html>
What is missing from this style sheet? <head> <style> li { background-color: #ccffcc; color: #009900} p {background-color: #ffffcc} </head>
</style>
What two symbols are used to enclose a tag?
<>
Which of the following is the code to assign the background color of #336699 to the body element?
<body style="background-color: #336699">
The actual content for your page begins right after which tag?
<body>
1. What is the correct HTML tag for a line break?
<br>
2. What is the correct HTML tag for a line break?
<br>
What is the correct way to insert a line break within a paragraph?
<br>
Which of the following is NOT a valid HTML 5 tag?
<center>
Which tag stands for definition and is indented under the definition term?
<dd>
The definition, preceded and closed by the ____ and ____ tag is indented under the term.
<dd></dd>
Which statement best describes a container that has fixed width and fluid height?
<div style="height:200px;width:45%">
Choose the correct HTML tag to italicize text.
<em>
Which of the following examples is correct?
<em><strong>Web Tech</strong></em>
Which of the following choices is the correct way to apply an inline style to the h1 tag?
<h1 style="color:blue">
Which of the following demonstrates proper coding form?
<h1 style="text-align: center">
Choose the correct HTML tag for the largest heading.
<h1>
Choose the correct HTML tag for the smallest heading level.
<h6>
1. What is the proper way to write a tag to include a horizontal rule on a page?
<hr width="90%" />
2. What is the proper way to write a tag to include a horizontal rule on a page?
<hr>
What tag do you begin and end a web page with?
<html>
Which tag pairs marks the beginning and the end of an HTML document?
<html> ... </html>
There are two primary regions of a webpage. Which tag order for these two regions is correct?
<html><head><title></title></head><body></body>
What is the correct HTML code to start an ordered list at 7?
<ol start="7">
Which of the following tags pairs is the best choices for a list of information where order is important?
<ol> ... </ol>
Which tag would you use to apply a style to a particular word within a paragraph without affecting the page structure?
<span> ~ </span>
Which of the following HTML tags is used to Bold text?
<strong> </strong>
Which of the following is correct?
<strong><em>Text to Format</em></strong>
What is the following code for: <ol style="list-style-type: upper-alpha" start="3">
An ordered list starting with the capital letter C.
CSS stands for ____________, which is the tool that you will use to add the colors, fonts, and the aesthetic features to your web site.
Cascading Style Sheets
Which version of HTML are we learning?
HTML 5
What does the clear:right style property do?
Prevents content from flowing along the right side of the element.
What does the list-style-position property do?
Specifies whether the bullets should be flush or outside the text.
In the following tags, what will be the alignment of the text in the paragraph? <section style="text-align:justify">TEXT GOES HERE <article style="text-align:center"> TEXT GOES HERE <p> TEXT GOES HERE</p></article></section>
The text will be centered.
Where would your name show up if you put it between the opening and closing <title> tags?
Title bar of the browser.
What are Cascading Style Sheets (CSS) used for?
To define the look, feel, and layout of the content on your web page.
What is the purpose of a tag?
To define the structure and content of a web page.
What is the purpose of the <!DOCTYPE html> declaration?
To tell the browser what version of HTML is used on the document.
What is the reason for the </DOCTYPE html> line in your web page?
To tell the browser which version of HTML the document is written in.
Which style property will change the background color of an element?
background-color
What is primary content element on your web page?
body
Which is the correct CSS syntax for setting the text color within the body element to black?
body {color: black}
Which style property and value would be added to an element so that no other elements flow align its left or right side?
clear: both
What style property is used to change the color of the text on a web page?
color
Consider the structure shown here. What is the child container of the article element? <body><article><div></div></article></body>
div
Which style property would you use to move an element to the right or left and allow other content to flow along side it.
float
How would you add a background color for all level 1 headings on a web page?
h1 {background-color: #ffffff}
In what section of the page would <style> </style> be written?
head
What section of a webpage would you find the <meta charset="utf-8"> tag?
head
Which region of the document does the title go?
head
Which tag defines the subject or topic of information being presented?
header
Which style properties will allow you to define the size of a container element?
height & width
If you make a change to your webpage and save the change, what must you do next to view the change in your browser?
hit the refresh key.
Which element contains the entire web page, including content as well as information about the page.
html
To create text with both sides straight and even, choose text-align:
justify
The spacing around the content within a container and the edge of the container is defined using the _______ style property.
padding
This tag <p> is used for inserting which of the following on your webpage?
paragraph
If an article is placed inside a section, the section is said to be a(n) __________ element.
parent
Instructions in HTML that format text and define the structure of a web page are called...
tags
Which property is used to set text alignment?
text-align
All attributes use an equal sing and "" around the value.
true
HTML tags must encapsulate (surround) the text that they are formatting.
true
Which of the following is NOT a valid value for the text-align property?
vertical
