Brainscape's Knowledge GenomeTM

Browse over 1 million classes created by top students, professors, publishers, and experts.


See full index

CS214 Web Page Design > Chapter 5 - Marking Up Text > Flashcards

Chapter 5 - Marking Up Text Flashcards

1
Q

semantically

A

in a way that most accurately describes the content’s meaning

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

<p>...</p>

A

paragraph element

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

block

A

displayed on new lines with a bit of space between them by default

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

phrasing content

A

text, images, and other inline elements

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

naked text (anonymous text)

A

text that is not contained within tags

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

<h1>...</h1>

<h2>...</h2>

<h3>...</h3>

<h4>...</h4>

<h5>...</h5>

<h6>...</h6>

A

heading elements (limit of six)

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

heading

A

browser uses headings to create a document outline for the page

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

paragraph

A

may contain text, inline elements, images, but may not contain headings, lists, sectioning elements, or any elements that display as blocks by default

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

document outline

A

an outline of your HTML document, used for accessibility features and structure

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

<hr></hr>

A

a horizontal rule

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

unordered list

A

collection of items that appear in no particular order

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

ordered list

A

list in which the sequence of the items is important

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

description list

A

list that consists of name and value pairs, including but not limited to term and definitions

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

<ul>...</ul>

A

unordered list

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

<li>...</li>

A

list item within an list

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

<ol>...</ol>

A

ordered list

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

<dl>...</dl>

A

description list

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

<dt>...</dt>

A

a name, such as a term or label

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

<dd>...</dd>

A

a value, such as a description or definition

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

<blockquote>...</blockquote>

A

a lengthy, block-level quotation

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

<pre>...</pre>

A

preformatted text that displays exactly as typed, including all carriage returns and multiple character spaces

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

<figure>...</figure>

A

related image or resource

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

<figcaption>...</figcaption>

A

text description of a figure

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

<main>...</main>

A

primary content area of a page or app

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

<header>...</header>

A

introductory material for page, section, or article

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

<footer>...</footer>

A

footer for page, section, or article

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

<section>...</section>

A

thematic group of content

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

<article>...</article>

A

self-contained, reusable composition

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

<aside>...</aside>

A

tangentially related material

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

<nav>...</nav>

A

primary navigation links

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

<address>...</address>

A

contact information

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

text-level semantic elements (inline elements)

A

elements that display in the flow of text by default and do not cause any line breaks

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

a

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

<abbr>…</abbr>

A

abbreviation or acronym

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

<b>…</b>

A

keywords or visually emphasized text (bold)

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

bdi

A
37
Q

bdo

A
38
Q

<br></br>

A

line break

39
Q

<cite>…</cite>

A

citation

40
Q

<code>...</code>

A

code

41
Q

<data>...</data>

A

machine-readable data

42
Q

<del>…</del>

A

deleted text

43
Q

<dfn>…</dfn>

A

defining term

44
Q

<em>…</em>

A

stressed emphasis (italics)

45
Q

<i>…</i>

A

alternative voice (italic)

46
Q

<ins>…</ins>

A

inserted text

47
Q

<kbd>...</kbd>

A

user-entered keyboard strokes

48
Q

<mark>...</mark>

A

contextually relevant text

49
Q

<q>…</q>

A

short inline quotation

50
Q

ruby, rt, rp

A
51
Q

<s>...</s>

A

incorrect text (strike-through)

52
Q

<samp>...</samp>

A

program sample

53
Q

<small>…</small>

A

legal text; small print (smaller type size)

54
Q

<span>…</span>

A

generic inline element

55
Q

<strong>…</strong>

A

strong importance (bold)

56
Q

…

A

subscript

57
Q

…

A

superscript

58
Q

<time>...</time>

A

time data

59
Q

<u>...</u>

A

annotated text (underline)

60
Q

<var>...</var>

A

variable

61
Q

<wbr></wbr>

A

word break

62
Q

monospace

A

constant-width rendering of text

63
Q

<div>...</div>

A

generic block-level element

64
Q

global attributes

A

can be used with all HTML elements

65
Q

thirteen global attributes

A

accesskey, class, contenteditable, dir, draggable, hidden, id, lang, spellcheck, style, tabindex, title, translate

66
Q

structured data

A

allows content to be machine-readable, helps search engines provide smarter user-friendly results, and can provide a better user experience

67
Q

vocabulary

A

a collection of the standardized terms assigned to “things”

68
Q

microformats

A

vocabulary for defining people, organizations, events, products, and more

69
Q

microdata

A

a WHATWG HTML standard that uses microdata-specific attributes to define objects and their properties (itemscope, itemtype, itemprop, itemid, itemref)

70
Q

Web Hypertext Application Technology Working Group (WHATWG)

A

working group

71
Q

RDFa and RDFa Lite (Resource Description Framework in Attributes)

A

uses specified attrbutes to enhance HTML content (vocab, typeof, property, resource, prefix)

72
Q

JavaScript Object Notation to serialize Linked Data (JSON-LD)

A

puts the object types and their properties in a script removed from the HTML markup

73
Q

Accessible Rich Internet Applications (ARIA)

A

a standardized set of attributes for making pages easier to navigate and interactive features easier to use; created and maintained by a Working Group of the Web Accessibility Initiative (WAI); aka WAI-ARIA; defines roles, states, and properties

74
Q

roles

A

describe an elements function or purpose in the context of the document (alert, button, dialog, slider, menubar, etc)

75
Q

property

A

value of the attribute is more likely to be stable

76
Q

state

A

have values that are more likely to be changed as the user interacts with the element

77
Q

escaped

A

instead of typing in the character itself, you represent it by its numeric or named character entity reference

78
Q

character entity reference

A

begin with an & (ampersand) and end with a ; (semicolon), used in place of a the real character because it is one that is used in HTML markup

79
Q

named entity

A

using a predefined abbreviated name for the character

80
Q

numeric entity

A

using an assigned numeric value that corresponds to its position in a coded character set

81
Q

Add the markup to insert a thematic break between these paragraphs:

<p>People who know me know that I love to cook.</p>

<p>I've created this site to share some of my favorite recipes.</p>

A

<p>People who know me know that I love to cook.</p>

<hr></hr>

<p>I've created this site to share some of my favorite recipes.</p>

82
Q

What’s the difference between a blockquote and a q element?

A

A blockquote is a block-level element used for long quotations or quoted material that may consist of other block elements. The q (quote) element is for short quotations that go in the flow of text and do not cause line breaks.

83
Q

Which element displays whitespace exactly as it is typed into the source document?

A

The pre element.

84
Q

What is the difference between a ul and an ol element?

A

The ul element is an unordered list element. It is used for lists that don’t need to appear in a particular sequence. they display with bullets by default. The ol element is an ordered list in which sequence matters. The browser automatically inserts numbers for ordered lists.

85
Q

How do you remove the bullets from an unordered list? (Be general, not specific.)

A

Use a style sheet to remove bullets from an unordered list.

86
Q

What element would you use to mark up “W3C” and provide its full name (World Wide Web Consortium)? Can you write out the complete markup?

A

<abbr>W3C</abbr>

87
Q

What is the difference between dl and dt?

A

dl is the element used to identify an entire description list. The dt element is used to identify just one term within that list.

88
Q

What is the difference between id and class?

A

The id attribute is used to identify a unique element in a document, and the name in its value may appear only once in a document. class is used to classify multiple elements into conceptual groups.

89
Q

What is the difference between an article and a section?

A

An article element is intended for a self-contained body of content that would be appropriate for syndication or might appear in a different context. A section element divides content into thematically related chunks.

CS214 Web Page Design (12 decks)

Brainscape helps you reach your goals faster, through stronger study habits.
© 2024 Bold Learning Solutions. Terms and Conditions