IES: HTML-recog dk5 Flashcards

1
Q
  • the arrangement of page elements as defined by positioning statements and the order of html statements
  • how the different elements take up space and arrange themselves around each other.
A

Flow

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q
  • Special purpose tags, which define the structural meaning of a block of text or semantics of text.
  • Must always be enclosed by a flow element
  • Example code:
    <q> ...<em>..</em>...</q>
A

Phrasing

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q
  • Changes font to bold
  • should only be used as a last resort: One legitimate use is to mark up the lead sentence of an article
  • No emphasis added or changed
A

<b>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q
  • Causes the browser to automatically add quotation marks around the content
  • phrasing element
  • Can be nested one within another
A

<q>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q
  • Creates italics in the font
  • Bears an emphasized semantic meaning in the content
  • Used as an inline element for stylistic and semantic purposes with the font and content
A

<em>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q
  • Intended to surround long quotations from another source
  • Bears no quotation marks
  • Typically produces a rectangular block area to contain the quotation starting on a new line and indented from surrounding content
A

<blockquote>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q
  • Changes Font to bold
  • Emphasizes or increases without changing the meaning of the sentence
A

<strong>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q
  • Changes font to italics
  • Text is enhanced without conveying extra importance such as technical terms
  • (should only be used as a last resort)
A

<i>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q
  • The strikethrough is a phrasing element marking the text as being superseded by more accurate, relevant, up-to-date content
  • Typically displayed with a strikethrough line
  • (should not be used to indicate edited content)
  • Example code:
    Grocery list
    <\_\_\_\_>milk(strikethrough)</\_\_\_\_>orange juice (instead)
A

<s>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q
  • The deleted-text element formats text with a strikethrough
  • May include a cite attribute to specify a doc’s URL that will explain the changes
  • Text within is regarded as having been removed from the document such as a completed item in a to-do list
A

<del>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q
  • Formats text with an underline
  • Text within is regarded as having been added to the document such as a new additional items in a to-do list
  • May include a cite attribute to specify a docs URL explaining changes.
A

<ins>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q
  • Word-break-opportunity
  • A phrasing element
  • INVISIBLY marks the text broken by this tag as being a suitable point at which to break the line of text
  • Particularly suitable for small devices for docs that may contain content that may exceed the width of browser
A

<wbr>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q
  • The unarticulated annotation is a phrasing element
  • Marks the text (TYPICALLY underlined) as being different in some way to normal text content.
  • Has the purpose of labeling misspelled words or labeling proper names in Chinese.
  • (use is strongly discouraged due to confusion with hyperlinks)
A

<u>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q
  • Flow/Block element that preserves the preformatting of the enclosed text:
    1.) preserves white space;
    2) renders all text with a fixed-width font;
    3) disables automatic word-wrapping;
    4) does not disable bi-directional processing
  • *Use spaces in the place of tabs when preparing pre-formatted text
A

<pre>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q
  • The marked-text is a phrasing element indicating the text as being of special significance for reference or notation.
  • Typically displayed in a colored background block to highlight the text
  • Not for emphasis: only to be used to highlight the relevance or importance of the text within a doc
A

<mark>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q
  • The subscript element specifies inline text typically with a lowered baseline using smaller font
  • Displayed for solely typographical (stylistic?) reasons.
  • Any content can be included within the tags
  • (the availability of character entity references is limited)
A

<sub>

17
Q
  • subscript character entity for #”0”
A

&#8320;

18
Q
  • subscript character entity for “1”
A

&#8321;

19
Q
  • subscript character entity for “2”
A

&#8322;

20
Q
  • subscript character entity for “3”
A

&#8323;