Chapter 4 - Creating a Simple Page Flashcards

1
Q

five basic steps of page production

A
  1. start with content
  2. give the document structure
  3. identify text elements
  4. add an image
  5. change how the text looks with a style sheet
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

rich-text

A

documents that have hidden style-formatting instructions for making text bold, setting font size, and so on

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

the five things browsers ignore

A

multiple-character (white) spaces, line breaks (carriage returns), tabs, unrecognized markup, text in comments

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

three parts to the anatomy of an HTML element

A

opening tag, content, closing tag

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

syntax

A

the anatomy of an HTML element

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

tag

A

consists of an element name within angle brackets

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

opening tag (start tag)

A

the element name appears here in brackets

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

closing tag (end tag)

A

the element name appears here in brackets preceded by a slash (/)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

markup

A

the tags added around content

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

element

A

consists of both the content and its markup

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

empty element

A

an element that does not have content

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

basic document structure

A

<1DOCTYPE html>

<html>

<head>
<meta></meta>
<title>Title here</title>
</head>

<body>
Page content goes here.
</body>

</html>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

six parts to an HTML document

A
  1. document type declaration (DOCTYPE declaration)
  2. html element (root element)
  3. head element
  4. body element
  5. meta element
  6. title element
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

document type declaration (DOCTYPE declaration)

A

tells the browser which HTML specification to use to interpret the document

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

html element (root element)

A

contains all the elements in the document, and is not contained within any other element

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

head element

A

in the html element - contains elements that pertain to the document that are not rendered as part of the content, such as its title, style sheets, scripts, and metadata; identifies the head of the document that contains information about the document itself

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
17
Q

body element

A

contains everything that we want to show up in a browser window; identifies the body of the document that holds the content

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
18
Q

meta element

A

provide document metadata; provides information about the document

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
19
Q

metadata

A

information about the document such as author, keywords, publishing status, description, and character encoding

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
20
Q

character encoding

A

standardized collection of letters, numbers, and symbols

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
21
Q

title element

A

a descriptive, mandatory, title; gives the page a title

22
Q

code points

A

reference numbers of a standardized collection of characters

23
Q

coded character set

A

a standardized collection of characters

24
Q

character encoding

A

the way in which characters are converted to bytes for use by computers

25
Q

Unicode (Universal Character Set)

A

super-character set that contains over 136 thousand characters from all active modern languages

26
Q

HTTP header

A

information about the document that the server sends to the user agent

27
Q

semantic markup

A

when marking up content, choosing the HTML element that provides the most meaningful description of the content at hand

28
Q

Document Object Model (DOM)

A

the way elements follow each other or nest within one another, creating relationships between them; an outline

29
Q

block elements

A

elements that start on new lines and do not run together, treated as though they are in rectangle boxes, stacked up in a page. each block element begins on a new line, with some space usually added above and below the entire element by default

30
Q

inline element (text-level semantic element, phrasing element)

A

elements that stay in the flow of the paragraph

31
Q

comments

A

notes in the source document put between comment tags (<!-- -->)

32
Q

user agent style sheets

A

built in style sheets in browsers

33
Q

empty elements

A

elements that do not have content because they are used to provide a simple directive

34
Q

attribute

A

instructions that clarify or modify an element

35
Q

two parts of the anatomy of an attribute

A

attribute name, value

36
Q

Boolean attribute

A

describes a feature that is either on or off

37
Q

Cascading Style Sheet (CSS)

A

changes presentation of a page

38
Q

validator

A

software that checks your source against the HTML version you specify

39
Q

What is the difference between a tag and an element?

A

A tag is part of the markup (brackets and element name) used to delimit an element. An element consists of the content and its tags.

40
Q

Write out the recommended minimal markup for an HTML5 document.

A

<!DOCTYPE html><html lang="en"> <head> <meta charset=utf-8”> <title>Title</title> </head> <body> </body></html>

41
Q

Indicate whether each of these filenames is an acceptable name for a web document (Y/N): Sunflower.html

A

Yes

42
Q

Indicate whether each of these filenames is an acceptable name for a web document (Y/N): index.doc

A

No, must end in .html or .htm

43
Q

Indicate whether each of these filenames is an acceptable name for a web document (Y/N): cooking home page.html

A

No, there may be no character spaces

44
Q

Indicate whether each of these filenames is an acceptable name for a web document (Y/N): Song_Lyrics.html

A

Yes

45
Q

Indicate whether each of these filenames is an acceptable name for a web document (Y/N): games/rubix.html

A

No, there may be no slashes in the name

46
Q

Indicate whether each of these filenames is an acceptable name for a web document (Y/N): %whatever.html

A

No, there may be no percent symbols

47
Q

The following is incorrect. Describe what is wrong with it and then write it correctly: <img “birthday.jpg”>

A

missing the src attribute

48
Q

The following is incorrect. Describe what is wrong with it and then write it correctly: <em>Congratulations!<em></em></em>

A

missing the slash in the closing tag

49
Q

The following is incorrect. Describe what is wrong with it and then write it correctly: <a href=”file.html>linked text</a href=”file.html”>

A

doesn’t need the attribute in the closing tag

50
Q

The following is incorrect. Describe what is wrong with it and then write it correctly: <p>This is a new paragraph<\p>

A

used the wrong slash mark

51
Q

How would you mark up this comment in an HTML document so that it doesn’t display in the browser window: product list begins here

A

<!--product list begins here-->