IES: HTML-recog dk8 Flashcards
1
Q
- An element connection from a hypertext file or document to another location or file.
- Typically activated by clicking on a highlighted word or image on the screen.
- Each is sensitive to three interactive states: Hover, Active, and Visited.
- Distinguished by browsers with underlining or colored borders typically.
A
hyperlink
2
Q
- Attribute specifying keyboard shortcuts to activate/focus specific elements (It supports all HTML elements)
- With an anchor tag, attribute designates any, single keyboard character (the value of the attribute) as a shortcut for a particular hyperlink.
- Browser-dependent: utilize the shortcuts thus - “
Alt+"attribute value"” for most browsers; “Alt+Shift+"attribute value"” for Firefox; “Cmd+"attribute value"” for Mac [and Apple?] users. - Identify the keyboard “attribute value” in the content text by using the
<u>or<i>tags. - Efforts are being made to address accessibility conflict created by these.
- Example coding:
<a href="index.html" \_\_\_\_\_\_\_="h">Home</a>
To identify ‹H›:<a href="index.html" \_\_\_\_\_\_\_\_="h"><i>H</i>ome</a>
A
accesskey
3
Q
- Pointer: hover cursor over hyperlink and click
- Tab: repeatedly hit Tab until hyperlink is selected, then, click Enter.
- Access key: hit a designated character key to focus on hyperlink and click Enter to activate.
A
3 ways to access hyperlinks
4
Q
- A short string of characters established to identify a resource that is subordinate to another, primary resource.
- In a separate doc, an identifier introduced by a hash mark # is the optional last part of a URL typically used to identify a portion of that doc:
- In the same doc, the portion specified in the anchor’s href attribute (beginning with a #), and is specified in the target element by its id attribute.
- Example code:
<p id=”top”>...</p>(target element)<a href=”index.html#top”>Top</a>(nav hyperlink to different doc)<a href=”#top”>Top</a>(site or page nav hyperlink)
A
Fragment links
5
Q
- Defines an unordered list of items
- Typically rendered as a bulleted list.
- Use the
<\_\_\_>tag together with the<li>tag to create unordered lists.
A
<ul>
6
Q
- Typical- http//: … or https//: … (various nav hyperlinks)
- Javascript- href=”javascript: …” (various JavaScript event hyperlinks)
- Mailto- href=”… @ gmail.com” (auto-adds the email in the “To:” field hyperlink)
A
href protocols
7
Q
- style attribute that specifies a Bullet’s style value of (disc(default style), circle, square, or none)
- style attribute that specifies a counter’s style value of (Decimals, Roman numerals, Latin letters, Greek letters, Georgian numbers, Armenian numbers, or none(to suppress numbering))
- Ex coding-
<ul style=”\_\_\_\_\_\_\_\_\_: square”> … </ul>
A
list-style-type property
8
Q
- The list item is used inside ordered lists
<ol>, unordered lists<ul>, and in menu lists<menu>. - Contains individual list items
A
<li>
9
Q
- style attribute specifies that this replaces the list-item marker with an image.
- Note: Always specify the list-style-type property in addition (This property is used if the image for some reason is unavailable).
- Ex coding-
<ul style=”\_\_\_\_\_\_\_\_\_: ‘Daigle-turquoise-small.jpg’”> … </ul>
A
list-style-image property
10
Q
- In this, each list item is preceded by a numerical or alphabetical identifier (as opposed to bullets or no identifier) (CSS: the bullets and counters (numbers, etc.) are displayed in the padding)
- The automatic counters that differentiate these list items from regular text may be one of these six types:.Decimals, Roman numerals, Latin letters, Greek letters, Georgian numbers, or Armenian numbers or none (to suppress numbering)
- A start attribute can be specified to set a different starting point than the traditional counting starting point (start with 5 instead of 1).
A
<ol>
11
Q
- A description list encloses a list of groups of terms (specified using the
<dt>element) and descriptions (provided by<dd>elements). - Common uses:
implement a glossary
display metadata: a list of key-value pairs.
contain a series of questions and related answers
contain any other groups of name/value data. - Can contain multiple terms for a single description or definition
- Can contain multiple definitions or descriptions for a single term.
A
<dl>
12
Q
- Defines a term/name in a description list (
<dl>’s are useful to contain a series of questions and related answers, or any other groups of name/value data). - Used in conjunction with
<dd>(describes each term/name) and both are nested in<dl>(defines a description list) - This tag alone does not indicate a term being defined (that requires a
<dfn>be nested within the tag).
A
<dt>
13
Q
- Defines a row in an HTML table.
- Are nested within a table element
- Each table row must contain the same number of data cells (for the purpose of maintaining understandable table columns)
- Contains one or more
<th>or<td>elements.
A
<tr>
14
Q
- The definition description comes in tandem with its term,
<dt>; and is nested in a<dl>description list. - Defines or describes a list item
-
<dl>’s are useful to contain a series of questions and related answers, or any other groups of name/value data. - (paragraphs, line breaks, images, links, lists, etc. can be inserted inside)
A
<dd>
15
Q
- Allows web developers to arrange data into rows and columns.
- Consists of table cells inside rows and columns
- An HTML table has two kinds of cells:
<th>and<td> - Will typically contain multiple table rows
A
<table>
