Tutorial 1: Using HTML to Create Web Pages

MULTIPLE CHOICE

	1.	Heading elements ____, like the ones shown in the accompanying figure, identify important parts of the Web page.
a.	1 through 6	c.	1 through 8	
b.	1 through 9	d.	1 through 10	

ANS:	A	PTS:	1	REF:	HTML 2

	2.	Special characters not found on the keyboard can be entered using ____ elements, as shown in the accompanying figure.
a.	binary	c.	decimal	
b.	character	d.	integral	

ANS:	B	PTS:	1	REF:	HTML 2

	3.	As shown in the accompanying figure, the ____ element is a block-level element that adds white space above and below.
a.	subhead	c.	paragraph	
b.	comment	d.	narrative	

ANS:	C	PTS:	1	REF:	HTML 2

	4.	During the 1970s and 1980s, the primary users of the Internet were ____ institutions.
a.	commercial	c.	research	
b.	educational	d.	both b and c	

ANS:	D	PTS:	1	REF:	HTML 4

	5.	The software application used to download and view Web pages is called a ____.
a.	navigator	c.	viewer	
b.	browser	d.	surfer	

ANS:	B	PTS:	1	REF:	HTML 4

	6.	Which of the following is Google’s Web browser?
a.	Chrome	c.	Firefox	
b.	Internet Explorer	d.	Safari	

ANS:	A	PTS:	1	REF:	HTML 4

	7.	Which of the following is Apple’s Web browser?
a.	Chrome	c.	Firefox	
b.	Internet Explorer	d.	Safari	

ANS:	D	PTS:	1	REF:	HTML 4

	8.	____ is/are technology that allows you to click a link that points to a file.
a.	Bullets	c.	Headers	
b.	Markup	d.	Hypertext	

ANS:	D	PTS:	1	REF:	HTML 4

	9.	When you create a Web page, the ____ includes the words, images, and other media.
a.	content	c.	formatting	
b.	placement	d.	baseline	

ANS:	A	PTS:	1	REF:	HTML 4

	10.	When you create a Web page, the ____ is where the Web page items are physically located in the browser window.
a.	baseline	c.	orientation	
b.	placement	d.	design basis	

ANS:	B	PTS:	1	REF:	HTML 4

	11.	When you create a Web page, the ____ is the look of the items, including styles, color, and borders.
a.	content	c.	XML	
b.	baseline	d.	formatting	

ANS:	D	PTS:	1	REF:	HTML 4

	12.	Which of the following is a variant of HTML?
a.	DML	c.	XHTML	
b.	BHTML	d.	TML	

ANS:	C	PTS:	1	REF:	HTML 4

	13.	____ is more like a set of rules applied to HTML to ensure the code conforms to standards.
a.	DML	c.	XHTML	
b.	BHTML	d.	TML	

ANS:	C	PTS:	1	REF:	HTML 4

	14.	These days, most Web developers are using ____.
a.	HTML 1.x	c.	HTML5	
b.	HTML 4.01	d.	HTML6	

ANS:	C	PTS:	1	REF:	HTML 4

	15.	____ specifies formatting and placement.
a.	CSS	c.	DHTML	
b.	XML	d.	XHTML	

ANS:	A	PTS:	1	REF:	HTML 4

	16.	Interpreting a file that contains HTML and CSS and then displaying the resulting Web page is called ____.
a.	formatting	c.	interpolating	
b.	rendering	d.	cascading	

ANS:	B	PTS:	1	REF:	HTML 4

	17.	____ is a technology that allows you to click a link that points to a file.
a.	Differential linking	c.	Hypertext	
b.	CSS	d.	XHTML	

ANS:	C	PTS:	1	REF:	HTML 4

	18.	____ languages are a system of codes that describe something about the content.
a.	Background	c.	Keytext	
b.	Header	d.	Markup	

ANS:	D	PTS:	1	REF:	HTML 5

	19.	HTML is a ____ language with the functionality of hypertext.
a.	background	c.	keytext	
b.	header	d.	markup	

ANS:	D	PTS:	1	REF:	HTML 5

	20.	The standards for HTML are set by the ____.
a.	W3C	c.	NSF	
b.	NSA	d.	both b and c	

ANS:	A	PTS:	1	REF:	HTML 5

	21.	A proprietary feature supported by a Web browser is called a(n) ____.
a.	integration	c.	amalgam	
b.	intention	d.	extension	

ANS:	D	PTS:	1	REF:	HTML 5

	22.	HTML and XHTML are ____ markup languages.
a.	differential	c.	tagged	
b.	baseline	d.	static	

ANS:	C	PTS:	1	REF:	HTML 6

	23.	Tags are codes encapsulated in ____.
a.	braces	c.	parentheses	
b.	angle brackets	d.	curly brackets	

ANS:	B	PTS:	1	REF:	HTML 6

	24.	Single tags are also called ____ tags.
a.	empty	c.	inline	
b.	external	d.	dynamic	

ANS:	A	PTS:	1	REF:	HTML 6

	25.	End tags are differentiated from start tags by including a(n) ____ at the beginning of the end tag.
a.	ampersand	c.	backslash	
b.	caret	d.	slash	

ANS:	D	PTS:	1	REF:	HTML 6

	26.	Every HTML document should begin with a(n) ___ tag.
a.	HEAD	c.	HTML	
b.	DOCTYPE	d.	BODY	

ANS:	B	PTS:	1	REF:	HTML 7

	27.	The ___ tag instructs validators to compare the code in the document to the HTML5 rules.
a.	HEAD	c.	HTML	
b.	DOCTYPE	d.	BODY	

ANS:	B	PTS:	1	REF:	HTML 7

	28.	Which of the following is NOT an example of metadata?
a.	keywords	c.	author	
b.	length of document	d.	description of content	

ANS:	B	PTS:	1	REF:	HTML 8

	29.	The content between the <title> tags appears ____.
a.	at the top of the browser window	c.	at the bottom of the browser window	
b.	in the browser document window	d.	none of the above	

ANS:	A	PTS:	1	REF:	HTML 8

	30.	Which of the following provides some context help for programming languages and some features such as line numbers and troubleshooting help, but not tools for managing an entire Web site?
a.	Notepad	c.	TextEdit	
b.	Context	d.	Adobe Dreamweaver	

ANS:	B	PTS:	1	REF:	HTML 10

	31.	Which of the following provides features for previewing, drag-and-drop editing, and managing an entire Web site that consists of multiple files?
a.	Notepad	c.	Microsoft Expression Web	
b.	Notepad++	d.	TextEdit	

ANS:	C	PTS:	1	REF:	HTML 10

	32.	Which of the following is a no-frills editor that saves plain text files?
a.	Microsoft Expression Web	c.	Adobe Dreamweaver	
b.	Notepad++	d.	Notepad	

ANS:	D	PTS:	1	REF:	HTML 10

	33.	Given the filename resume.doc, the ____ is doc.
a.	extension	c.	attribute	
b.	path	d.	type	

ANS:	A	PTS:	1	REF:	HTML 11

	34.	Avoid using the number ____ in a filename.
a.	1	c.	4	
b.	2	d.	7	

ANS:	A	PTS:	1	REF:	HTML 11

	35.	Another name for a Web page address is ____.
a.	URS	c.	URT	
b.	URL	d.	URX	

ANS:	B	PTS:	1	REF:	HTML 11

	36.	It is confusing to read and type a Web page address if it includes a(n) ____.
a.	space	c.	underscore	
b.	symbol	d.	all of the above	

ANS:	D	PTS:	1	REF:	HTML 11

	37.	The Mac TextEdit application saves files by default in ____.
a.	HTML	c.	RTF	
b.	DOC	d.	DOCX	

ANS:	C	PTS:	1	REF:	HTML 11

	38.	In Internet Explorer, you can press the ____ key to refresh a page.
a.	F3	c.	Refresh	
b.	F5	d.	Enter	

ANS:	B	PTS:	1	REF:	HTML 14

	39.	____ can appear anywhere in HTML code and can be used to identify sections of the code.
a.	Tiers	c.	Comments	
b.	Indices	d.	Valences	

ANS:	C	PTS:	1	REF:	HTML 15

	40.	There are ____ points in a vertical inch.
a.	12	c.	72	
b.	24	d.	128	

ANS:	C	PTS:	1	REF:	HTML 16

	41.	To bring attention to important parts of the Web page, the ____ elements are used.
a.	title	c.	heading	
b.	head	d.	paragraph	

ANS:	C	PTS:	1	REF:	HTML 16

	42.	You can press ____ to refresh content in Internet Explorer and Firefox.
a.	F8	c.	Alt+N	
b.	Ctrl+N	d.	Ctrl+R	

ANS:	D	PTS:	1	REF:	HTML 18

	43.	Which of the following elements are block-level elements?
a.	paragraph	c.	both a and b	
b.	heading	d.	none of the above	

ANS:	C	PTS:	1	REF:	HTML 19

	44.	The strong element and the em element are both ____ elements.
a.	inline	c.	block-level	
b.	deprecated	d.	non-standard	

ANS:	A	PTS:	1	REF:	HTML 20

	45.	To make a company name italic, you code the text as follows: ____.
a.	<italic>Nyce Paints</italic>	c.	<em>Nyce Paints</em>	
b.	<it>Nyce Paints</it>	d.	<title>Nyce Paints</title>	

ANS:	C	PTS:	1	REF:	HTML 20

	46.	Which of the following is correct?
a.	<strong><em>Nyce Paints</em></strong>	
b.	<strong><em>Nyce Paints</strong></em>	
c.	<em>Nyce Paints</strong>	
d.	<strong>Nyce Paints<strong>	

ANS:	A	PTS:	1	REF:	HTML 20

	47.	What is common to both named and numeric character references?
a.	& at the beginning	c.	semicolon at the end	
b.	# symbol	d.	both a and c	

ANS:	D	PTS:	1	REF:	HTML 22

	48.	The numeric reference &#160; is equivalent to the ____ named reference.
a.	&nbsp;	c.	&ndash;	
b.	&copy;	d.	&amp;	

ANS:	A	PTS:	1	REF:	HTML 23

	49.	In the accompanying figure, Afro Beat and Soukous appear as items in a(n) ____ list.
a.	indexed	c.	interpolated	
b.	nested	d.	integrated	

ANS:	B	PTS:	1	REF:	HTML 27

	50.	In the accompanying figure, Chicago and Summerfest appear as items in a(n) ____ list.
a.	unordered	c.	ordered	
b.	definition	d.	empty	

ANS:	C	PTS:	1	REF:	HTML 27

	51.	Although a(n) ____ image loses some detail and clarity, the image downloads faster.
a.	uncompressed	c.	interpolated	
b.	pixelated	d.	compressed	

ANS:	D	PTS:	1	REF:	HTML 28

	52.	What is the main reason to not use bitmap files as Windows graphics?
a.	Image quality is not as good as with other file formats.	
b.	It takes much longer to download them.	
c.	Some browsers cannot display them.	
d.	They are too compressed.	

ANS:	B	PTS:	1	REF:	HTML 28

	53.	Which of the following is not true for an image element?
a.	It is used to insert an image on a page.	c.	It is a block-level element.	
b.	It is an empty element.	d.	It is an inline element.	

ANS:	C	PTS:	1	REF:	HTML 28

	54.	By default, the image is aligned at the ____ of the browser window.
a.	center	c.	right edge	
b.	left edge	d.	bottom	

ANS:	B	PTS:	1	REF:	HTML 28

	55.	To ____ an image, a Web browser must know the name of the image file.
a.	facilitate	c.	interpret	
b.	render	d.	index	

ANS:	B	PTS:	1	REF:	HTML 29

	56.	With the <img /> tag, the ____ property must contain the name of the image file to be rendered, along with the folder where it is located if it is not in the same folder as the HTML file.
a.	name	c.	src	
b.	file	d.	this	

ANS:	C	PTS:	1	REF:	HTML 29

	57.	The alt attribute displays a ScreenTip in ____.
a.	Firefox	c.	both a and b	
b.	Internet Explorer	d.	none of the above	

ANS:	B	PTS:	1	REF:	HTML 31

	58.	To display a ScreenTip in all browsers, you must use the ____ attribute as well as the alt attribute.
a.	tip	c.	name	
b.	screen	d.	title	

ANS:	D	PTS:	1	REF:	HTML 31

	59.	In the accompanying figure, the text marked with a green arrow is the result of having a(n) ____ attribute in the code.
a.	alt	c.	name	
b.	src	d.	img	

ANS:	A	PTS:	1	REF:	HTML 32

	60.	A(n) ____ list is a bulleted list.
a.	unordered	c.	definition	
b.	description	d.	ordered	

ANS:	A	PTS:	1	REF:	HTML 35

	61.	A(n) ____ list uses a hanging indent format, where the list items are indented.
a.	description	c.	ordered	
b.	unordered	d.	both b and c	

ANS:	A	PTS:	1	REF:	HTML 35

	62.	The item in the accompanying figure is a(n) ____ list.
a.	ordered	c.	unordered	
b.	definition	d.	baseline	

ANS:	B	PTS:	1	REF:	HTML 44

	63.	In the accompanying figure, “Los Angeles Dodgers” is a ____ element above an indented dd element.
a.	dp	c.	dt	
b.	dx	d.	dk	

ANS:	C	PTS:	1	REF:	HTML 44

	64.	In the accompanying figure, the ____ formats the first line of text to hang to the left of the text that follows.
a.	orphan	c.	widow	
b.	hanging gallery	d.	hanging indent	

ANS:	D	PTS:	1	REF:	HTML 44

	65.	One guideline for writing content for the Web is to use ____ space to visually separate sections of content.
a.	vertical	c.	horizontal	
b.	indented	d.	dynamic	

ANS:	A	PTS:	1	REF:	HTML 45

	66.	Blank lines and indenting are examples of ____ space.
a.	negative	c.	static	
b.	polarized	d.	white	

ANS:	D	PTS:	1	REF:	HTML 45

	67.	Ending a line with the ____ element creates the same effect as when you press the Enter key when composing a document with a word-processing application.
a.	return	c.	break	
b.	enter	d.	line-end	

ANS:	C	PTS:	1	REF:	HTML 45

	68.	The ability to quickly find Web pages on any topic is developed using a(n) ____ element.
a.	keyword	c.	description	
b.	meta	d.	metadata	

ANS:	B	PTS:	1	REF:	HTML 47

	69.	Validating a file does which of the following?
a.	checks for spelling errors	
b.	checks for grammatical errors	
c.	checks to see if the code complies with the standard identified in the DOCTYPE tag	
d.	all of the above	

ANS:	C	PTS:	1	REF:	HTML 49

	70.	All of the following are standards EXCEPT ____.
a.	HTML	c.	W3C	
b.	WAI	d.	XHTML	

ANS:	C	PTS:	1	REF:	HTML 49

Case-Based Critical Thinking Questions
Case 1-1

Alice was working on her company’s Web site and had problems with inserting some images. Some of them were distorted; some were too big, so downloads took a long time. She asked her friend Sam for advice, checking in with him for answers to her questions.

	71.	Which of the following image files is not compressed?
a.	JPEG	c.	BMP	
b.	GIF	d.	PNG	

ANS:	C	PTS:	1	REF:	HTML 28	TOP:	Critical Thinking

	72.	Where can Alice get images from?
a.	digital cameras	c.	clip art Web sites	
b.	image editing software	d.	all of the above	

ANS:	D	PTS:	1	REF:	HTML 28	TOP:	Critical Thinking

	73.	If Alice wants to provide a brief description of an image, which attribute does Sam tell her to use?
a.	alt	c.	name	
b.	desc	d.	this	

ANS:	A	PTS:	1	REF:	HTML 31	TOP:	Critical Thinking

	74.	Alice wants to find the image dimensions of an image on a Mac computer. What does Sam tell her that she can press?
a.	Command+F	c.	Command+I	
b.	Command+E	d.	Command+O	

ANS:	C	PTS:	1	REF:	HTML 32	TOP:	Critical Thinking

	75.	According to Sam, which of the following specify the dimensions of the area of a Web page where an image will be rendered?
a.	depth and resolution	c.	height and width	
b.	space and color depth	d.	pixel ratio and aspect ratio	

ANS:	C	PTS:	1	REF:	HTML 32	TOP:	Critical Thinking

Case-Based Critical Thinking Questions
Case 1-2

John is trying to increase traffic through the Web site he created. He also would like to validate the code he developed. He posted several questions he had on one of the online forums and got clear answers from professional Web developers.

	76.	What should be used to identify the content of the Web site?
a.	keywords	c.	description	
b.	metadata	d.	all of the above	

ANS:	D	PTS:	1	REF:	HTML 47	TOP:	Critical Thinking

	77.	What must John do to anticipate how users might enter the keywords?
a.	Include as many different keywords as possible.	
b.	Put all metadata at the very top of the page, right after the <html> tag.	
c.	Include common misspellings and a variety of capitalization options.	
d.	Contact the most popular search engines.	

ANS:	C	PTS:	1	REF:	HTML 47	TOP:	Critical Thinking

	78.	The name and content within the <meta> tags are ____.
a.	keywords	c.	attributes	
b.	values	d.	labels	

ANS:	C	PTS:	1	REF:	HTML 47	TOP:	Critical Thinking

	79.	What organization offers a free HTML or XHTML validation service?
a.	the World Wide Web	c.	the W3C	
b.	an Internet provider	d.	a hosting company	

ANS:	C	PTS:	1	REF:	HTML 49	TOP:	Critical Thinking

	80.	Which of the following is NOT a true statement that John’s fellow Web developers can make to him?
a.	The addition of metadata to HTML code is a simple technique that may make a difference in search engine rankings.	
b.	Within a <meta /> tag, you can list the keywords on one line or several lines.	
c.	The meta element content is not displayed in the Web browser.	
d.	All search engines divulge the details of the rules they use to rank search results.	

ANS:	D	PTS:	1	REF:	HTML 47	TOP:	Critical Thinking

TRUE/FALSE

	1.	The Internet is a local area network of interconnected computers.

ANS:	F	PTS:	1	REF:	HTML 4

	2.	XHTML is a version of HTML.

ANS:	F	PTS:	1	REF:	HTML 4

	3.	Most programming languages are owned by a specific company or organization.

ANS:	T	PTS:	1	REF:	HTML 5

	4.	All Web browsers support all features from the most recent HTML version standard.

ANS:	F	PTS:	1	REF:	HTML 5

	5.	Some advanced features work only in specific Web browsers.

ANS:	T	PTS:	1	REF:	HTML 5

	6.	If you open the same Web page in different browsers, what you see will be identical from browser to browser.

ANS:	F	PTS:	1	REF:	HTML 5

	7.	Most HTML tags begin with an exclamation mark.

ANS:	F	PTS:	1	REF:	HTML 6

	8.	Since the arrival of HTML5, the DOCTYPE tag has been most often used to point to the rules for XHTML version 1.0.

ANS:	F	PTS:	1	REF:	HTML 7

	9.	When using HTML5, it is required that you specify the version of XHTML.

ANS:	F	PTS:	1	REF:	HTML 7

	10.	A Web browser interprets and renders text from top to bottom, one line at a time.

ANS:	T	PTS:	1	REF:	HTML 8

	11.	Creating a file that contains HTML and CSS code requires specialized software.

ANS:	F	PTS:	1	REF:	HTML 8

	12.	You do not need to save a file before you can see the Web page in a browser.

ANS:	F	PTS:	1	REF:	HTML 10

	13.	Your operating system may not display file extensions by default when displaying lists of files.

ANS:	T	PTS:	1	REF:	HTML 11

	14.	Web designers avoid using the space and underscore characters when naming files.

ANS:	T	PTS:	1	REF:	HTML 11

	15.	All comments placed in the code will be displayed in the browser.

ANS:	F	PTS:	1	REF:	HTML 15

	16.	h1 headings are the smallest text size, and h6 headings are the largest.

ANS:	F	PTS:	1	REF:	HTML 16

	17.	The paragraph element shown in the accompanying figure is a block-level element.

ANS:	T	PTS:	1	REF:	HTML 19

	18.	A numeric character reference has the following form: & number.

ANS:	F	PTS:	1	REF:	HTML 22

	19.	To insert an image on a Web page, one must use the image element.

ANS:	T	PTS:	1	REF:	HTML 28

	20.	One of the most important uses of meta elements is to help search engines to find the Web site.

ANS:	T	PTS:	1	REF:	HTML 47

MODIFIED TRUE/FALSE

	1.	The original large internetwork between the U.S. Department of Defense, Berkeley, and MIT was known as the World Wide Web. _________________________

ANS:	F
Internet
internet

PTS:	1	REF:	HTML 4

	2.	The Internet is the technology that provides the ability to download Web pages. _________________________

ANS:	F
World Wide Web
world wide web
Web
web

PTS:	1	REF:	HTML 4

	3.	In HTML and XHTML, the language instructions are provided using tags. _________________________

ANS:	T			PTS:	1	REF:	HTML 6

	4.	The tags in the head section are processed after the tags in the body section. _________________________

ANS:	F, before

PTS:	1	REF:	HTML 8

	5.	The text editor TextEdit comes with Microsoft Windows. _________________________

ANS:	F, Notepad

PTS:	1	REF:	HTML 8

	6.	The text editor Notepad comes with Apple OS X. _________________________

ANS:	F, TextEdit

PTS:	1	REF:	HTML 8

	7.	The group of characters to the left of the period in a filename is known as the extension. _________________________

ANS:	F, right

PTS:	1	REF:	HTML 11

	8.	Empty elements do not mark any content. _________________________

ANS:	T			PTS:	1	REF:	HTML 14

	9.	The forward slash at the end of an empty element is required. _________________________

ANS:	F
optional
not required

PTS:	1	REF:	HTML 14

	10.	When comments are used to identify sections of the code, some developers refer to them as internal documentation. _________________________

ANS:	T			PTS:	1	REF:	HTML 15

	11.	Heading size is measured in millimeters. _______________

ANS:	F, points

PTS:	1	REF:	HTML 16

	12.	A character entity is one that you can enter from the keyboard. _________________________

ANS:	F
can’t
cannot
cant
don’t
do not
dont

PTS:	1	REF:	HTML 22

	13.	The <br /> tag shown in the accompanying figure is used at the end of each line of text when the text is to be wrapped as a paragraph. _________________________

ANS:	F, not to be

PTS:	1	REF:	HTML 27

	14.	The photo element is used to insert an image into a Web page. _______________

ANS:	F, image

PTS:	1	REF:	HTML 28

	15.	An unordered list should be placed within the <ol> and </ol> tags. _______________

ANS:	F, <ul> and </ul>

PTS:	1	REF:	HTML 35

COMPLETION

	1.	When two or more networks are connected together, this is called a(n) ____________________.

ANS:	internetwork

PTS:	1	REF:	HTML 4

	2.	A(n) ____________________ language is a system of codes that describes something about the content.

ANS:	markup

PTS:	1	REF:	HTML 5

	3.	When an advanced feature only works in specific Web browsers, this issue is called ____________________ compatibility.

ANS:	cross-browser

PTS:	1	REF:	HTML 5

	4.	Most tags are ____________________, with a start tag and an end tag occurring as a set.

ANS:	paired

PTS:	1	REF:	HTML 6

	5.	Some tags are ____________________, occurring only as single tags.

ANS:	unpaired

PTS:	1	REF:	HTML 6

	6.	The ____________________ element is the root element of a Web document.

ANS:	html

PTS:	1	REF:	HTML 7

	7.	An HTML ____________________ is software that provides error messages and warnings if the code in a document does not conform to the rules of the specified version of HTML.

ANS:	validator

PTS:	1	REF:	HTML 7

	8.	The ____________________ element of a document is the container for all the other elements on the Web page.

ANS:	root

PTS:	1	REF:	HTML 7

	9.	Tags that are not paired are called ____________________ elements.

ANS:	empty

PTS:	1	REF:	HTML 14

	10.	If a window is narrow, the text in a Web page will ____________________ to fit the narrow window.

ANS:	rewrap

PTS:	1	REF:	HTML 18

	11.	An element such as the one shown in red in the accompanying figure has white space around the edge known as ____________________.

ANS:	padding

PTS:	1	REF:	HTML 19

	12.	A(n) ____________________ character is one you cannot enter from the keyboard.

ANS:	special

PTS:	1	REF:	HTML 22

	13.	An example of a(n) ____________________ entity is the copyright symbol or a fraction such as ½.

ANS:	character

PTS:	1	REF:	HTML 22

	14.	Some people refer to drawn illustrations as ____________________.

ANS:	
clipart
clip art

PTS:	1	REF:	HTML 28

	15.	A(n) ____________________ specifies the name of a property related to a Web page element and the value for that property.

ANS:	attribute

PTS:	1	REF:	HTML 29

	16.	When a user passes the mouse pointer over an image, the alternate text is displayed in some browsers as a(n) ____________________.

ANS:	
ToolTip
Tooltip
tooltip
tool tip
ScreenTip
Screentip
screentip
screen tip

PTS:	1	REF:	HTML 31

	17.	As shown in the accompanying figure, a(n) ____________________ element is one that is inside another element.

ANS:	nested

PTS:	1	REF:	HTML 38

	18.	A common use of the type of list shown in the accompanying figure is to create a(n) ____________________, which is a list of events in time order.

ANS:	chronology

PTS:	1	REF:	HTML 43

	19.	A common use of the type of list in the accompanying figure is to create a(n) ____________________, which is an alphabetic list of terms and their definitions.

ANS:	glossary

PTS:	1	REF:	HTML 43

	20.	A(n) ____________________ is one that is nested inside a list item of another list.

ANS:	
sublist
second-level list
second level list

PTS:	1	REF:	HTML 38

MATCHING

Identify the letter of the choice that best matches the phrase or definition.
a.	paragraph	g.	metadata	
b.	Internet	h.	URL	
c.	World Wide Web	i.	extension	
d.	hypertext	j.	heading element	
e.	network	k.	inline element	
f.	validator	l.	em element	

	1.	Includes communications technologies such as email, file transfers, and other data transfers from one network to another

	2.	A technology that allows you to click a link that points to a file

	3.	Navigated with software called a browser

	4.	Contained within a block-level element and not surrounded by additional white space

	5.	By default, renders text in italic

	6.	For HTML files; html or htm

	7.	Information about a document, such as its keywords

	8.	When two or more computers are connected together

	9.	A block-level element that adds white space above and below

	10.	Software that provides error messages and warnings if the code in a document does not conform to the rules of the specified version of HTML

	11.	A Web page address

	12.	Used to mark the importance of content and to bring attention to important topics on the page

	1.	ANS:	B	PTS:	1	REF:	HTML 4

	2.	ANS:	D	PTS:	1	REF:	HTML 4

	3.	ANS:	C	PTS:	1	REF:	HTML 4

	4.	ANS:	K	PTS:	1	REF:	HTML 20

	5.	ANS:	L	PTS:	1	REF:	HTML 20

	6.	ANS:	I	PTS:	1	REF:	HTML 11

	7.	ANS:	G	PTS:	1	REF:	HTML 8

	8.	ANS:	E	PTS:	1	REF:	HTML 4

	9.	ANS:	A	PTS:	1	REF:	HTML 2

	10.	ANS:	F	PTS:	1	REF:	HTML 7

	11.	ANS:	H	PTS:	1	REF:	HTML 11

	12.	ANS:	J	PTS:	1	REF:	HTML 16

ESSAY

	1.	There are many options available for creating HTML files. List and briefly describe three different options, and explain when to use which kind of option.

ANS:	
• A plain text editor such as Notepad or TextEdit—These are no-frills editors that save plain text files.
• A programmer’s text-editing application such as Notepad++ or Context—These editors have some context help for programming languages and provide features such as line numbers and troubleshooting help.
• A sophisticated editor such as Adobe Dreamweaver or Microsoft Expression Web—These development environments have many features for previewing, drag-and-drop editing, and managing an entire Web site that consists of multiple files.

If you are just creating and editing very simple Web pages, a plain text editor or a programmer’s editor will do the job. If you are managing and editing multiple Web pages and multiple Web sites, then a robust development environment will make the job much easier.

If there are more advanced tools for creating Web pages, such as Adobe Dreamweaver and Microsoft Expression Web, why bother to learn HTML? While HTML-editing software makes code entry more efficient, there often comes a time when you need to fix an issue by editing the code. Your best strategy is to learn HTML and CSS first, and then graduate to Web-editing software and other Web development languages such as JavaScript.

PTS:	1	REF:	HTML 10	TOP:	Critical Thinking	

	2.	The computing industry is well known for rapid changes and growth, and Internet technologies have certainly evolved and grown quickly. With this trend in mind, how can you avoid having to recreate your Web pages when the technologies change? How can you ensure your Web pages will continue to be viewable in a Web browser? Provide four guidelines to help minimize the effort needed to update your Web pages.

ANS:	
• Keep it simple. Use a simple design and standard HTML elements.
• Avoid using the most cutting-edge technologies until they become mainstream. Using the cutting-edge technologies can also be high maintenance as bugs are found or as the technology falls out of favor.
• Load your Web page in several Web browsers. Your Web page should be readable and functional in the current versions of the most popular Web browsers. Know who your target audience is and which Web browsers they are likely to use. You should also load your Web page in several versions of those Web browsers. Don’t assume that the Web page will look the same or remain functional in all Web browsers.
• Pay attention to structure and industry conventions. Use a code validator to validate your HTML code and fix any errors. Use industry best practices such as indenting content contained within sections.

PTS:	1	REF:	HTML 18	TOP:	Critical Thinking	

	3.	Provide four tips and hints for keeping your HTML code error free.

ANS:	
• Type all code in lowercase. Type your HTML code in lowercase, but type content as you normally would.
• Filenames should also be typed in lowercase, using only letters and numbers. Avoid using the numbers 1 and 0 in filenames because they are too easily confused with the lowercase versions of the letters L and O.
• Paragraph your code by indenting elements that are inside other elements. Indent tags that are embedded in sections or other containers. You could enter all of the elements and content in a Web page one after the other on a single long line and Web browsers would still render your code. However, paragraphing code neatly is an industry best practice because it ensures that code is easy to read and, as a result, much easier to troubleshoot.
• Use vertical white space. A blank line or two separating paragraphs, headings, and other sections of HTML code ensures the code sections are easy to find. This also helps to minimize troubleshooting time.

PTS:	1	REF:	HTML 25	TOP:	Critical Thinking