This document requires Netscape 3.x or compatible Web Browser.


Web-based Hypermedia Courseware Development
with HTML and JavaScript:
A Hands-On Introduction
Glossary

Copyright © 1997 by Craig W. Johnson, Ph.D.
All Rights Reserved

Web-based Hypermedia Courseware Development UT Bullet

Web-based Hypermedia Courseware Glossary
Term: HTML Anchor Element
Meaning: Refers to the ANCHOR element in HTML which can be used to (a) specify the destination of a hyperlink using the HREF attribute or, (b) label a location within an HTML document using the NAME attribute.
Element: Description: Usage: L: Example:
A HREF Allows you to link to other documents or other locations within the same document. <A
HREF="link
reference
">
[link text]
</A>

0 <A HREF=
"HTTP://WWW.UTH.TMC.EDU"> The University of Texas - Houston Health Science Center
</A>


Displays as below (University of Texas - Houston Health Science Center Home Page). Home page displays when hot-spot clicked (Network connection required.):
The University of Texas - Houston Health Science Center
A NAME Allows you to label locations within a document as the potential target of a hypertext link. <A NAME="label">
Labeled element
</A>

0 <A NAME="HYPERTUTOR">
</A>

When the anchor element View Hypertutor Model hot-spot is clicked, the browser will display the section of the named HTML document beginning with the <A NAME = "HYPERTUTOR">... </A> label.
Related
Term(s):
Attribute Element Form elements HREF HTML Hyperlink Link List and menu elements Logical elements Meta and head elements Miscellaneous elements NAME Physical elements Table elements
Web-based Hypermedia Courseware Development UT Bullet

Web-based Hypermedia Courseware Glossary
Term: ASCII
Meaning: ASCII is the acronym for American Standard Code for Information Interchange. This standard defines byte codes for 128 characters used by computers. The characters may be entered using only the keys on a standard typewriter and a "Control" or "Ctrl" key. ASCII files are files or documents which consist only of ASCII characters. Such files can be read and written by most text editors and word processors on virtually any computer system. HTML documents are standard ASCII files which contain HTML elements or tags. Web communications consist primarily of HTML document file transfers.
Related
Term(s):
Document Element HTML Internet Tag Web
Web-based Hypermedia Courseware Development UT Bullet

Web-based Hypermedia Courseware Glossary
Term: Attribute
Meaning: Attributes may be specified in the start tag of many HTML elements. Attributes may be thought of as modifiers, which have the function of specializing the operation of the element. For example if the BORDER attribute is included in the start tag of the TABLE element, the table is displayed with a border. Many of the types of form elements are implemented as attributes of the INPUT element (e.g., checkbox, hidden, radio, text and others).
Related
Term(s):
Element HTML Tag
Web-based Hypermedia Courseware Development UT Bullet

Web-based Hypermedia Courseware Glossary
Term: BODY
Meaning: The HTML body element is one of two primary elements that are contained in HTML documents (the other being the HEAD element). With the exception of head elements most other HTML elements must be contained within the BODY element. The BODY element name appropriately describes the fact that it contains the body of the information communicated in the HTML document.
Related
Term(s):
Anchor element Button element Checkbox element Container Document Element Form elements HEAD Hidden element HTML List and menu elements Logical elements Meta and head elements Miscellaneous elements Password element Physical elements Radio element Reset element Select and Option elements Submit element Table elements Tag Text element Textarea element
Web-based Hypermedia Courseware Development UT Bullet

Web-based Hypermedia Courseware Glossary
Term: Browser
Meaning: A browser or Web browser is a software application that provides a window on the Web and the Internet more generally. Netscape Navigator, NCSA Mosaic, and Internet Explorer are some of the more popular Web browsers. Web browsers access, download, display and more generally manage interactions with World Wide Web documents as well as provide more general Internet access and file transfer capabilities. NCSA Mosaic, provided what might be called the first graphical user interface (GUI) for the Internet.
Related
Term(s):
Document HTML Internet Web
Web-based Hypermedia Courseware Development UT Bullet

Web-based Hypermedia Courseware Glossary
HTML Form Button Input Element
Element: INPUT TYPE="BUTTON"
Description: Displays a button having the text assigned to the VALUE property of the button (see Usage below). When the button is pressed it executes the series of JavaScript instructions assigned to the onClick method.
Usage: <INPUT TYPE="BUTTON"
[NAME="name"]
[VALUE="value"]
[onClick="JavaScript instructions"]
>
L: 3
Example: <INPUT TYPE="BUTTON"
NAME="EX_BUTTON"
VALUE="Press Me "
>

Displays as (Press button below - button does nothing):


<INPUT TYPE="BUTTON"
NAME="FEEDBACK"
VALUE="Get Feedback... "
onClick="alert('You pressed the Get Feedback button!');"
>

Displays as (Press button below - displays an alert dialogue):


Related
Term(s):
Anchor element Checkbox element Element Form elements Hidden element List and menu elements Logical elements Meta and head elements Miscellaneous elements NAME Password element Physical elements Radio element Reset element Select and Option elements Submit element Table elements Text element Textarea element
Web-based Hypermedia Courseware Development UT Bullet

Web-based Hypermedia Courseware Glossary
HTML Form Checkbox Input Element
Element: INPUT TYPE="CHECKBOX"
Description: Displays one checkbox. The checkbox returns its VALUE property when selected (see Usage below). A NAME assigned to one or a group of checkboxes is later used to refer to the checkbox(es) for further processing purposes. The CHECKED property, when present, causes a checked checkbox to be displayed. When a checkbox is clicked, the action executes the series of JavaScript instructions (called an event handler) assigned to the onClick method.
Usage: <INPUT TYPE="CHECKBOX"
[NAME="name"]
[VALUE="value"]
[CHECKED]
[onClick="JavaScript instructions"]
>[text to be displayed adjacent to checkbox]
L: 2
Example: <INPUT TYPE="CHECKBOX"
NAME="EX_CHECKBOX"
VALUE="Box"
>Check if you want your score emailed to you.

Displays as (Click in box below):

Check if you want your score emailed to you.
Check all that apply:<BR>
<INPUT TYPE="CHECKBOX"
NAME="SES"
VALUE="Married"
>Check if you are married.<BR>

<INPUT TYPE="CHECKBOX"
NAME="SES"
VALUE="Graduate"
>Check if you are a college graduate.<BR>

<INPUT TYPE="CHECKBOX"
NAME="SES"
VALUE="Employed"
>Check if you are employed.<BR>

Displays as (click in the checkboxes):

Check all that apply:
Check if you are married.
Check if you are a college graduate.
Check if you are employed.
Related
Term(s):
Anchor element Button element Element Form elements Hidden element List and menu elements Logical elements Meta and head elements Miscellaneous elements NAME Password element Physical elements Radio element Reset element Select and Option elements Submit element Table elements Text element Textarea element
Web-based Hypermedia Courseware Development UT Bullet

Web-based Hypermedia Courseware Glossary
Term: Container
Meaning: Most HTML elements are containers. That is, they have both a start tag and end tag and the text between the tags is said to be contained by the element. Some HTML elements are not containers. These elements have no end tags. CITE, BODY, EM, HEAD, HTML, OL, UL, and TABLE are container elements. On the other hand, BR, HR, and IMG, are not.
Related
Term(s):
Attribute Element HTML Tag
Web-based Hypermedia Courseware Development UT Bullet

Web-based Hypermedia Courseware Glossary
Term: Document
Meaning: An HTML document is a collection of HTML elements. Correct form specfies that all HTML documents start with an <HTML> start tag and end with an </HTML> end tag. HTML documents generally are to have a HEAD element and a BODY element although there are some exceptions.
Related
Term(s):
Anchor element Attribute BODY Button element Checkbox element Container Document Element Form elements HEAD Hidden element HTML List and menu elements Logical elements Meta and head elements Miscellaneous elements Password element Physical elements Radio element Reset element Select and Option elements Submit element Table elements Tag Text element Textarea element
Web-based Hypermedia Courseware Development UT Bullet

Web-based Hypermedia Courseware Glossary
Term: Edit, Save, Reload and Test Development Cycle
Meaning: In these tutorials, you do not have to actually type in complete HTML document examples and load them into your browser to see how they work. You can see how they work by clicking on the "Browser Display" hyperlink wherever it occurs. On the other hand, if you prefer more hands-on experience in HTML development, follow the procedure described below to edit, save, reload and test HTML example documents.

Edit. For more hands-on experience in HTML authoring, especially for the early examples, as you arrive at each new example of a complete HTML document, you may want to open your favorite word processor (e.g, WordPerfect, Microsoft Word, or text editor (e.g., Windows Notepad) that can save documents in standard ASCII (DOS text) format, using it to enter a new document having HTML exactly as shown in the complete HTML example. Typing from a hardcopy of the complete HTML example document will ordinarily facilitate the text entry process. Or, to avoid the typing, but still allow you to practice the "edit, save, reload and test cycle", you can simply copy the HTML example to your word processor or text editor. Just highlight the HTML example text in the browser. Then use your browser "copy" feature to copy the example. Finally, use your word processor or text editor "paste" feature to paste it into the editor.

Save. Remember to save the new HTML document. Be sure that, if the word processor or text editor has multiple save file options, the save format is set to the standard ASCII (DOS text, text or standard text) format. Use the ".HTM" file name extension for your HTML documents. If you are using a Macintosh or Unix system you may use the ".HTML" extension.

Load and Test. Finally, after you've saved your newly authored HTML document, open a new browser window and load the file into your Web browser to see how it will look on the Web and to test its features. The first time you load the newly resaved document you can use the browser's File Menu feature which opens or loads a local file into the browser.

Edit, Save, Reload and Test. If you notice errors, switch back to your document in the word processor or text editor and make the corrections. Then save the document again. Finally, use your browser's "reload" feature to test how the newly edited version of the document will work on the Web. Repeat the edit, save, reload and test cycle until everything is correct.

Having accomplished the above once or twice, you will have verified to yourself that you can perform the basic edit, save, reload and test, development process for Web document development. The process can be employed anywhere you have access to an ASCII text editor or word processor and a browser.

Related
Term(s):
ASCII Browser Document Web
Web-based Hypermedia Courseware Development UT Bullet

Web-based Hypermedia Courseware Glossary
Term: Element
Meaning: All HTML documents consist of elements. Elements may also have attributes. The element is the fundamental building block of HTML documents. An element typically has a start tag and an end tag. Whatever is included between these tags is said to be contained by the element. Most elements then, but not all, are containers. Elements typically have the following format:
<TAGNAME>[text]</TAGNAME>
where "TAGNAME" represents the name of the element.
Related
Term(s):
Anchor element Attribute BODY Button element Checkbox element Container Document Element Study Table Form elements HEAD Hidden element HTML List and menu elements Logical elements Meta and head elements Miscellaneous elements Password element Physical elements Radio element Reset element Select and Option elements Submit element Table elements Tag Text element Textarea element
Web-based Hypermedia Courseware Development UT Bullet

Web-based Hypermedia Courseware Glossary
Term: Element Study Table Format
Element: An "Element" column introduces the tag name of the element.
Description: A "Description" column introduces a description explaining the use of the element and the type of information contained by the element.
Usage: A "Usage" column introduces the following:
    Red Bullet The general format for typing the element. The element is printed in all upper case text.
    Red Bullet Italics within square brackets "[]" indicate element contents to be supplied by you.
L: An "L" column contains the version number of the HTML standard describing the named element.
Example: An "Example" column presents a concrete example of correct element usage.
Related
Term(s):
Anchor element Attribute BODY Button element Checkbox element Container Document Form elements HEAD Hidden element HTML List and menu elements Logical elements Meta and head elements Miscellaneous elements Password element Physical elements Radio element Reset element Select and Option elements Submit element Table elements Tag Text element Textarea element
Web-based Hypermedia Courseware Development UT Bullet

Web-based Hypermedia Courseware Glossary
Term: Feedback
Meaning: Feedback refers to the consequences of behavior. Some instructional message design issues relevant to feedback include: (a) immediacy, (b) frequency, (c) variability, and (d) cueing. The role of feedback in learning has been acknowledged since antiquity. While more recently the functionalists and operant behaviorists have particularly emphasized the consequences of behavior. Hypertutor systems include immediate, frequent, appropriate and varied feedback. Hypertutor systems deliver feedback (perhaps randomly chosen) selected from sizeable pools of appropriate responses, tolerate spelling and rounding errors, and display comprehensive graphic performance evaluations.
Related
Term(s):
Learner Control Hyperlink Hypertutorial Hypertutor Model Hypertutor System Learning Resources Practice Presentation
Web-based Hypermedia Courseware Development UT Bullet

Web-based Hypermedia Courseware Glossary
Term: Forms and the HTML FORM Element
Meaning: Form has a special meaning in the context of HTML documents. HTML forms are implemented using the HTML FORM element. The FORM element must be contained within the HTML BODY element. The FORM element may itself contain any number of HTML elements, and in particular, form related elements (e.g., BUTTON, CHECKBOX, HIDDEN, RADIO, SELECT, TEXT, etc.) allowing or prompting the input of information. These elements allow the implementation of quizzes, practice exercises, tests, embedded questions with immediate feedback, application forms, and so on. HTML forms add a higher level of interactivity to Web communications by moving user control beyond positioning to handling questions, prompts, providing input fields, and storing information entered into form input elements.
Element: FORM
Description: Contains all elements of a form providing opportunity for information to be gathered from learner or user who makes entries into form elements (e.g., radio buttons, etc.). The completed form is submitted to a predesignated location when the submit button is pressed. In Navigator 3.x, if onReset is defined (see Usage below), the function assigned to onReset will be executed before the form is reset or cleared. This provides an opportunity to cancel resetting the form to its initial state. A document may have multiple forms.
Usage: <FORM [NAME="name"]
[ACTION="action]
[ENCTYPE="enctype"]
[METHOD="method"]
[onSubmit="event handler"]
[onReset="event handler"]>
[elements]
</FORM>
L: 2
Example: <FORM NAME="EXAMPLE">
Form elements
</FORM>
Related
Term(s):
Anchor elements BODY Button element Checkbox element Container Document Element Hidden element HTML Logical elements Meta and head elements Password element Physical elements Miscellaneous elements Radio element Reset element Select and Option elements Submit element Tag Table elements Text element Textarea element
Web-based Hypermedia Courseware Development UT Bullet

Web-based Hypermedia Courseware Glossary
Term: HEAD
Meaning: The HEAD element is the first of the two primary elements contained in HTML documents (the second being the BODY element). The HEAD element appears before the BODY element and typically contains at least a TITLE element. The HEAD element name appropriately describes the fact that it contains heading types of information pertaining to the body of the document. JavaScript functions are typically contained in the HEAD section of an HTML document.
Related
Term(s):
BODY Container Document Element HTML JavaScript TITLE
Web-based Hypermedia Courseware Development UT Bullet

Web-based Hypermedia Courseware Glossary
HTML Form Hidden Input Element
Element: INPUT TYPE="HIDDEN"
Description: Displays nothing, but allows data you store in it to be transmitted when the form containing it is submitted. To access the element's information, the HIDDEN input element's NAME property is used to refer to the element. Its VALUE property then contains the default value of the data to be transmitted, or whatever data has been stored in it as a result of form input. This data will be sent when the form is submitted.
Usage: <INPUT TYPE="HIDDEN"
[NAME="name"]
[VALUE="value"]
>
L: 2
Example: <INPUT TYPE="HIDDEN"
NAME="FORMDATA"
VALUE=""
>

Displays as (note it's hidden):

Related
Term(s):
Anchor element Button element Checkbox element Element Form elements List and menu elements Logical elements Meta and head elements Miscellaneous elements NAME Password element Physical elements Radio element Reset element Select and Option elements Submit element Table elements Text element Textarea element
Web-based Hypermedia Courseware Development UT Bullet

Web-based Hypermedia Courseware Glossary
Term: HREF
Meaning: HREF is one of the two primary attributes of the ANCHOR element. An HREF attribute included within the start tag of an anchor element is followed by an equals sign and then a URL included within quotes. When the contents of the anchor element appear in the browser, it indicates a hyperlink, so that clicking the left mouse button over the anchor element contents activates a branch or link to the designated URL.
Related
Term(s):
Anchor Attribute Container Document HTML Hyperlink Link NAME Tag URL
Web-based Hypermedia Courseware Development UT Bullet

Web-based Hypermedia Courseware Glossary
Term: HTML
Meaning: HTML is the acronym for Hypertext Markup Language -- the language of the World Wide Web. Documents displayed in Web browsers typically are written in HTML. HTML documents consist of elements. An HTML element typically has a start tag and an end tag. Whatever appears between the start and end tags is referred to as the contents of the element, or is said to be contained by the element.
Related
Term(s):
Container Document Tag Web
Web-based Hypermedia Courseware Development UT Bullet

Web-based Hypermedia Courseware Glossary
Term: Hyperlink
Meaning: Hyperlink is another term for a hypertext link or a link. Hyperlinks form the connections between hypertext Web documents. Links are implemented in the source document using the HTML ANCHOR element with the HREF attribute.
Related
Term(s):
Anchor Attribute Web browser Document HREF HTML Link URL Web
Web-based Hypermedia Courseware Development UT Bullet

Web-based Hypermedia Courseware Glossary
Term: Hypertutorial
Meaning: Hypertutorial is the term used by the author for a hypermedia tutorial which offers the critical instructional features of the Hypertutor Model. The Hypertutor Model provides a default path through instruction concurrent with optimal levels of learner control, presentation, practice, feedback and learning resources. A hypertutorial may also be referred to as a hypertutor system.
Related
Term(s):
Hypertutor Model Hypertutor System
Web-based Hypermedia Courseware Development UT Bullet

Web-based Hypermedia Courseware Glossary
Term: Hypertutor Model
Meaning: According to the Hypertutor model, Web- based hypermedia instruction can be best implemented in an environment which encourages the active learner with a high degree of learner control, while at the same time providing a default pathway for the learner. The model says that implementing optimally the five instructional parameters of learner control, presentation, practice, feedback and learning resources in the presence of a default instructional pathway results in superior instructional outcomes. The model is particularly appropriate for Web- based instruction because not only the presentation, practice, feedback and learner control features can be executed in a superior fashion, but hyperlink access to a broad range of learning resources makes them almost instantly accessible. Therefore Web-based hypermedia courseware can be expected to be more effective as it more effectively executes the five features of the Hypertutor Model (see figure below).
Hypertutor Model Clickable Imagemap
Diagram of Hypertutor Model
Hypertutor Model:
Five Factors

    Red Bullet Learner Control
    Red Bullet Presentation
    Red Bullet Practice
    Red Bullet Feedback
    Red Bullet Elaborative Learning Resources
Related
Term(s):
Hyperlink Hypertutorial Hypertutor System Web
Web-based Hypermedia Courseware Development UT Bullet

Web-based Hypermedia Courseware Glossary
Term: Hypertutor System
Meaning: Hypertutor systems are instructional systems that offer full and complete exploitation of instructional message design principles as they implement the five features (learner control, presentation, practice, feedback and learning resources) of the Hypertutor Model. See Chapters 1 and 4 and the table below for elaboration.
Hypertutor System Features
Feature Example Implementation
Learner Control
    Red Bullet Sophisticated Branching
    Red Bullet Learner Directed
    Red Bullet Intuitive Consistent Interface
    Red Bullet Intuitive Default Structure
    Red Bullet Multi-Purpose
Presentation
Practice
Feedback
    Red Bullet Immediate
    Red Bullet Graded
    Red Bullet Appropriate and Varied
    Red Bullet Tolerate Trivial Errors
    Red Bullet Performance Evaluation
Learning Resources
    Red Bullet Context-Sensitive
    Red Bullet Cross-Referenced
    Red Bullet Self-Contained
    Red Bullet Easily Accessible
    Red Bullet Standard Formats
    Red Bullet Hypertext Help/Glossary
Related
Term(s):
Hypertutorial Hypertutor Model
Web-based Hypermedia Courseware Development UT Bullet

Web-based Hypermedia Courseware Glossary
Term: Internet
Meaning: The Internet is a network of computer networks tying together local area networks (LAN) around the world. Started in the early 1970's by the Defense Advanced Research Projects Administration as DARPANET, it was used more generally in the form of ARPANET and evolved into what has now become the Internet. The Internet is no longer funded or supported by the government, but has become completely self-sufficient. The Internet exploded into the mainstream with its implementation of the World Wide Web and the advent of graphical user interface (GUI) Web browsers.
Related
Term(s):
Web browser HTML Hyperlink Internet Link URL Web
Web-based Hypermedia Courseware Development UT Bullet

Web-based Hypermedia Courseware Glossary
Term: JavaScript
Meaning: JavaScript is one of the two primary languages used in conjunction with HTML to implement Web page functionality. The other is Java. These three languages, HTML, Java, JavaScript could be said to comprise the Java family. JavaScript is a high level language derived from the C and C++ computer languages which avoids many of their pitfalls and problematical characteristics. JavaScript has been included in every Netscape browser since Netscape Navigator 2.0. It is also supported by some other browsers, for example Microsoft's Internet Explorer. JavaScript is particularly valuable in reading and more generally handling or managing HTML forms entries.
Related
Term(s):
Form HTML
Web-based Hypermedia Courseware Development UT Bullet

Web-based Hypermedia Courseware Glossary
Term: Learner Control
Meaning: Hypertutor systems embed a strongly prompted, highly intuitive default structure within an instructional environment having a high degree of learner control. The default structure follows a familiar format, perhaps an interactive textbook. Learners who seek more structure may follow the default path. Active learners may choose their own instructional paths using a consistent, intuitive interface incorporating sophisticated, learner directed, branching. Hypertutor systems invite the active learner to move forward or backward, to omit sections, to branch to any section, to focus on weaknesses through repeated practice and feedback, or to shift to elaborative learning resources. Learner control encourages self-regulated learning, stimulates the active learner to manage the sequence of instructional events, can accomodate individual differences, and enhances continuing motivation while allowing multiple purposes or uses (Jelden and Brown, 1982-83; Kinzie, 1990; Kinzie and Birdel, 1990; Zimmerman, 1990). Learner control features make the same courseware package useful for initial learning, review, additional practice, or as an instructional presentation aid.
Related
Term(s):
Feedback Hyperlink Hypertutorial Hypertutor Model Hypertutor System Practice Presentation Learning Resources
Web-based Hypermedia Courseware Development UT Bullet

Web-based Hypermedia Courseware Glossary
Term: Learning Resources
Meaning: Learning resources have traditionally not been assigned a high priority when designing interactive instruction. But, with the increasing recognition of the value of learner control, self-regulation, and continuing motivation, there is a new awareness of the positive role learning resources can play (Kinzie and Birdel, 1990). Learning resources provide for elaboration and enrichment activities and facilitate deeper, more elaborative, cognitive processing whose mnemonic value is well documented (e.g., Anderson and Pichert, 1987; Craik and Lockhart, 1972; Pressley, McDaniel, Turnure, Wood and Ahmad, 1987). Hypertutor systems deliver instant access to elaborative learning resources, including meanings of substantive vocabulary and related concepts, cross-referenced indexes, context-sensitive hypertext help, tables of contents, calculators, graphs, and so on.
Related
Term(s):
Learner Control Feedback Hyperlink Hypertutorial Hypertutor Model Hypertutor System Practice Presentation
Web-based Hypermedia Courseware Development UT Bullet

Web-based Hypermedia Courseware Glossary
Term: Link
Meaning: Link is another term for a hypertext link or hyperlink. Such links form the connections between hypertext Web documents. Links are implemented using the HTML ANCHOR element with the HREF attribute.
Related
Term(s):
Anchor Web browser Document HTML HREF Hyperlink Link NAME URL Web
Web-based Hypermedia Courseware Development UT Bullet

Web-based Hypermedia Courseware Glossary
Term: HTML List and Menu Elements
Meaning: List and menu elements are used to display structured lists of items. There are a number of types of lists (e.g., directory, definition, menu, ordered and unordered lists).
Element: Description: Usage: L: Example:
DD Definition of a term defined in a definition list (does not require an end tag). <DD>
[definition]
0 <DD>
Defining Text


Displays as:
Defining Text
DIR Contains a list of items of no more then 20 characters to be displayed if possible consecutively in columns in higher levels of HTML. <DIR>
[directory list]
</DIR>
0 <DIR>
<LI>Abedor
<LI>Bahl
<LI>Clark
<LI>Ha
<LI>Johnson
<LI>McCoy
<LI>Ross
</DIR>

Displays as:
  • Abedor
  • Bahl
  • Clark
  • Ha
  • Johnson
  • McCoy
  • Ross
  • DL Contains a definition list. May have the COMPACT attribute which for short defined terms puts definitions on same line. <DL [COMPACT]>
    [definition list]
    </DL>
    0 <DL>
    <DT>Prof 1: <DD>Abedor
    <DT>Prof 2: <DD>Bahl
    <DT>Prof 3: <DD>Clark
    <DT>Prof 4: <DD>Ha
    <DT>Prof 5: <DD>Johnson
    <DT>Prof 6: <DD>McCoy
    <DT>Prof 7: <DD>Ross
    </DL>

    Displays as:
    Prof 1:
    Abedor
    Prof 2:
    Bahl
    Prof 3:
    Clark
    Prof 4:
    Ha
    Prof 5:
    Johnson
    Prof 6:
    McCoy
    Prof 7:
    Ross
    DT Item defined in a definition list (does not require an end tag). <DT>
    [item defined]
    0 See above example.
    LI Denotes a list item for any type of list (does not require an end tag). <LI>
    [list item]
    0 See DIR, MENU, OL and UL list examples.
    MH Denotes a heading for a menu list (does not require an end tag). <OH>
    [ordered list heading]
    0 See example of menu list below.
    MENU Contains a menu of choices. <MENU>
    [menu list]
    </MENU>
    0 <MENU>
    <MH>Professors: <LI>Abedor
    <LI>Bahl
    <LI>Clark
    <LI>Ha
    <LI>Johnson
    <LI>McCoy
    <LI>Ross
    </MENU>

    Displays as:
    Professors:
  • Abedor
  • Bahl
  • Clark
  • Ha
  • Johnson
  • McCoy
  • Ross
  • OH Denotes a heading for an ordered list (does not require an end tag). <OH>
    [ordered list heading]
    0 See example of ordered list below.
    OL Contains an ordered list. <OL>
    [ordered list]
    </OL>
    0 <OL>
    <OH>Professors: <LI>Abedor
    <LI>Bahl
    <LI>Clark
    <LI>Ha
    <LI>Johnson
    <LI>McCoy
    <LI>Ross
    </OL>

    Displays as:
      Professors:
    1. Abedor
    2. Bahl
    3. Clark
    4. Ha
    5. Johnson
    6. McCoy
    7. Ross
    UH Denotes a heading for an unordered list having bulleted (DISK, CIRCLE, SQUARE) items (does not require an end tag). <UH>
    [unordered list heading [TYPE=DISK | CIRCLE | SQUARE]]
    0 See example for unordered list below.
    UL Contains an unordered list. <UL>
    [unordered list]
    </UL>
    0 <UL>
    <UH>Professors: <LI>Abedor
    <LI>Bahl
    <LI>Clark
    <LI>Ha
    <LI>Johnson
    <LI>McCoy
    <LI>Ross
    </UL>

    Displays as:
      Professors:
    • Abedor
    • Bahl
    • Clark
    • Ha
    • Johnson
    • McCoy
    • Ross
    Related
    Term(s):
    Anchor elements Element Form elements Logical elements Meta and head elements Physical elements Miscellaneous elements Table elements
    Web-based Hypermedia Courseware Development UT Bullet

    Web-based Hypermedia Courseware Glossary
    Term: HTML Logical Style Elements
    Meaning: The logical style elements display text according to structural, informational or meaning related characteristics of the text (i.e. heading, citation, quotation, address, emphasized, etc.)
    Element: Description: Usage: L: Example:
    ADDRESS Displays special italic font for addresses. <ADDRESS>
    [address]
    </ADDRESS>
    3 <ADDRESS>
    7000 Fannin
    </ADDRESS>


    Displays as:
    7000 Fannin
    BLOCKQUOTE Contains quoted text block to be indented. <BLOCKQUOTE>
    [long quotation]
    </BLOCKQUOTE>
    0 <BLOCKQUOTE>
    A block of quoted text
    </BLOCKQUOTE>

    Displays as:
    A block of quoted text
    CITE Contains a citation (typically italics). <CITE>
    [citation]
    </CITE>
    1 <CITE>
    HTML Sourcebook
    </CITE>

    Displays as:
    HTML Sourcebook
    CODE Contains single line text to be displayed in fixed width font (appropriate for displaying computer language code). <CODE>
    [text]
    </CODE>
    1 <CODE>
    for (i=0; i<=100; i++) write(i);
    </CODE>

    Displays as:
    for (i=0; i<=100; i++) write(i);
    EM Contains text to be displayed emphasized (typically italics). <EM>
    [text]
    </EM>
    1 <EM>
    Emphasized text.
    </EM>

    Displays as:
    Emphasized text
    H1 Contains heading level 1 text (largest heading fontsize). <H1>
    [text]
    </H1>
    0
    <H1>
    1st
    </H1>

    Displays as:

    1st


    H2 Contains heading level 2 text (2nd largest heading fontsize). <H2>
    [text]
    </H2>
    0
    <H2>
    2nd
    </H2>

    Displays as:

    2nd


    H3 Contains heading level 3 text (3rd largest heading fontsize). <H3>
    [text]
    </H3>
    0
    <H3>
    3rd
    </H3>

    Displays as:

    3rd


    H4 Contains heading level 4 text (4th largest heading fontsize). <H4>
    [text]
    </H4>
    0
    <H4>
    4th
    </H4>

    Displays as:

    4th


    H5 Contains heading level 5 text (next smallest heading fontsize). <H5>
    [text]
    </H5>
    0
    <H5>
    5th
    </H5>

    Displays as:
    5th

    H6 Contains heading level 6 text (smallest heading fontsize). <H6>
    [text]
    </H6>
    0
    <H6>
    6th
    </H6>

    Displays as:
    6th

    KBD Contains keyboard input text (typically displayed in a fixed font). <KBD>
    [text]
    </KBD>
    1
    <KBD>
    Keyboard input
    </KBD>

    Displays as:
    Keyboard input
    SAMP Contains sample characters (typically displayed in a fixed font). <SAMP>
    [text]
    </SAMP>
    1
    <SAMP>
    Example Text
    </SAMP>

    Displays as:
    Example Text
    STRONG Contains strong emphasis text (typically displayed in bold although text-only browsers underline). <STRONG>
    [text]
    </STRONG>
    1
    <STRONG>
    Strong Text
    </STRONG>

    Displays as:
    Strong Text
    VAR Contains text representing a variable name (typically displayed in italics or bold). &LTVAR>
    [text]
    </VAR>
    1
    <VAR>
    variableName
    </VAR>

    Displays as:
    variableName
    Related
    Term(s):
    Anchor elements Element Form elements List and menu elements Meta and head elements Miscellaneous elements Physical elements Table elements
    Web-based Hypermedia Courseware Development UT Bullet

    Web-based Hypermedia Courseware Glossary
    Term: HTML Meta and Head Elements
    Meaning: This category of HTML elements includes among others the very important HTML, HEAD, TITLE and BODY elements. Other head section elements, not as important and not discussed here, are the BASE, ISINDEX, LINK, and NEXTID elements.
    Element: Description: Usage: L: Example:
    BODY Contains main body of document. <BODY>
    [elements]
    </BODY>
    0 <BODY>
    Body elements
    </BODY>
    HEAD Contains head section <HEAD>
    [elements]
    </HEAD>
    0 <HEAD>
    Head elements
    </HEAD>
    HTML Contains entire document. <HTML>
    [elements]
    </HTML>
    0 <HTML>
    <HEAD>
    Head elements
    </HEAD> <BODY>
    Body elements
    </BODY>
    </HTML>
    TITLE Contains document title (must be within HEAD element) <TITLE>
    [title]
    </TITLE>
    0 <TITLE>
    Title displayed in document window header
    </TITLE>
    Related
    Term(s):
    Anchor elements Element Form elements List and menu elements Logical elements Miscellaneous elements Physical elements Table elements
    Web-based Hypermedia Courseware Development UT Bullet

    Web-based Hypermedia Courseware Glossary
    Term: HTML Miscellaneous Elements
    Meaning: There are a small number of HTML elements that are extremely important and very frequently used, but that don't fit into the other list categories. These are often referred to as miscellaneous elements (e.g., BR, <!--, HR, IMG, P).
    Element: Description: Usage: L: Example:
    <!-- Begin a comment. Browsers ignore comments. HTML authors use comments to document HTML ("-->" indicates end of comment). <!-- [comment text] -->
    0 <!-- This section last updated 11/15/96. -->


    Displays as:
    BANNER Defines area of Web page for nonscrolling display (thus always visible). Not available in Netscape 3.0. <BANNER>
    [the banner]
    </BANNER>
    3 <BANNER>
    This is a Banner
    </BANNER>


    Displays a nonscrolling area with:
    This is a Banner
    BR Line break - ends current line, next begins at start of next line. No end tag. <BR>
    0 1st Line of HTML<BR>
    2nd Line of HTML<BR>
    3rd Line of HTML<BR>

    Displays as:
    1st Line of HTML
    2nd Line of HTML
    3rd Line of HTML
    FIG Contains a reference for display of a "floating" image. The text can flow around the image using the FIG element (not available in Netscape 3.0). <FIG
    [SRC = url]>
    [figure info text]
    </FIG>
    3 <FIG SRC = "JOHNSONP.GIF">
    Info about figure
    </FIG>


    Displays as:
    Info about figure
    HR Displays horizontal rule (thickness & width may be controlled with WIDTH and SIZE attributes, no end tag). <HR [WIDTH = var] [SIZE = var>
    0 <HR>
    <CENTER>
    <HR>
    <HR WIDTH=50% SIZE=10>
    <HR WIDTH=25% SIZE=20>
    </CENTER>

    Displays as:



    IMG Contains reference for display of image (HEIGHT and WIDTH attributes control size. ALT attribute should be used to provide substitute text. No end tag. <IMG
    [SRC = url] [HEIGHT = var] [WIDTH = var] [ALT = "text"]>
    0
    <CENTER>
    <IMG SRC = "JOHNSONP.GIF" HEIGHT=100 WIDTH=75 ALT = "CWJ Photo">
    </CENTER>


    Displays as:
    CWJ Photo
    P Starts a new paragraph. End tag not usually necessary. <P>[text] [</P>]
    0 <P>
    A first sentence. A second sentence.
    <P>
    A third sentence. A fourth sentence.
    </P>

    Displays as:

    A first sentence. A second sentence.

    A third sentence. A fourth sentence.

    Related
    Term(s):
    Anchor elements Element Form elements Logical elements Meta and head elements Physical elements List and menu elements Table elements
    Web-based Hypermedia Courseware Development UT Bullet

    Web-based Hypermedia Courseware Glossary
    Term: Name
    Meaning: Refers to the NAME attribute of an ANCHOR element in HTML which is used to label a location within an HTML document as the potential destination of a hypertext link. The named location may then be targeted as the destination of an ANCHOR element having the HREF attribute.
    Related
    Term(s):
    Anchor Web browser Document HREF HTML Hyperlink Link URL
    Web-based Hypermedia Courseware Development UT Bullet

    Web-based Hypermedia Courseware Glossary
    HTML Form Password Input Element
    Element: INPUT TYPE="PASSWORD"
    Description: Displays a password input text field. NAME (see Usage below) is later used to refer to the password for further processing. The VALUE property contains the entered password or specifies the default value of the password. A SIZE property designates the maximum number of characters which will be accepted by the password field.
    Usage: <INPUT TYPE="PASSWORD"
    [NAME="name"]
    [VALUE="value"
    [SIZE=integer]
    >
    L: 2
    Example: <INPUT TYPE="PASSWORD"
    NAME="USERID"
    VALUE=""
    SIZE=9
    >

    Displays as (Type something):


    <INPUT TYPE="PASSWORD"
    NAME="PASSWORD"
    VALUE="GUEST"
    SIZE=5
    >

    Displays as (Type something):


    Related
    Term(s):
    Anchor element Button element Checkbox element Element Form elements Hidden element List and menu elements Logical elements Meta and head elements Miscellaneous elements NAME Physical elements Radio element Reset element Select and Option elements Submit element Table elements Text element Textarea element
    Web-based Hypermedia Courseware Development UT Bullet

    Web-based Hypermedia Courseware Glossary
    Term: HTML Physical Style Elements
    Meaning: The physical style elements display text according to character format characteristics of the text (e.g., bold, italic, underlined, subscript, etc.) rather than the semantic nature of the text.
    Element: Description: Usage: L: Example:
    B Displays boldface. <B>
    [text]
    </B>
    1 <B>
    Bold Text
    </B>


    Displays as:
    Bold Text
    BIG Displays text bigger than current size. <BIG>
    [text]
    </BIG>
    3 <BIG>
    Bigger Text
    </BIG>

    Displays as:
    Bigger Text
    I Displays italic text. <I>
    [text]
    </I>
    1 <I>
    Italic Text
    </I>

    Displays as:
    Italic Text
    PRE Displays ASCII text as previously formatted in a fixed font. <PRE>
    [text]
    </PRE>
    0 <PRE>
    for (i=0; i<=100; i++)
       write(i);
    </PRE>

    Displays as:
    for (i=0; i<=100; i++)
       write(i);

    S Displays strike-through text. <S>
    [text]
    </S>
    3 <S>
    Strike-through text.
    </S>

    Displays as:
    Strike-through text
    SMALL Displays text smaller than current size. <SMALL>
    [text]
    </SMALL>
    3
    <SMALL>
    Small text
    </SMALL>

    Displays as:
    Small text
    SUB Displays subscripts. <SUB>
    [text]
    </SUB>
    3
    E = mc<SUB>2</SUB>

    Displays as:
    E = mc2
    SUP Displays superscripts. <SUP>
    [text]
    </SUP>
    3
    E = mc<SUP>2</SUP>

    Displays as:
    E = mc2
    TT Displays fixed font typewriter text. <TT>
    [text]
    </TT>
    1
    <T>
    Typewriter text
    </TT>


    Displays as:
    Typewriter text
    U Underlined text. <U>
    [text]
    </U>
    1
    <U>
    Underlined text
    </U>


    Displays as:
    Underlined text
    Related
    Term(s):
    Anchor elements Element Form elements Meta and head elements Logical elements List and menu elements Miscellaneous elements Table elements
    Web-based Hypermedia Courseware Development UT Bullet

    Web-based Hypermedia Courseware Glossary
    Term: Practice
    Meaning: Practice refers to covert or overt repetition of behaviors to be learned. Practice is essential to learning as is unequivocally documented in the literature. Providing insufficient practice is a common courseware deficiency. Hypertutor systems deliver at the learner's request an abundance of fresh, embedded practice exercises, problems, questions, or scrolling worksheets, that possess structures simulating those in the real world.
    Related
    Term(s):
    Learner Control Feedback Hyperlink Hypertutorial Hypertutor Model Hypertutor System Learning Resources Presentation
    Web-based Hypermedia Courseware Development UT Bullet

    Web-based Hypermedia Courseware Glossary
    Term: Presentation
    Meaning: Presentation refers to the substance and format of instruction. Presentations that exploit instructional message design principles communicate content more effectively (Fleming and Levie, 1978, 1993). Hypertutor systems deliver, at the learner's request, an abundance of fresh examples embedded within consistent, visually oriented presentations exploiting instructional message design principles.
    Related
    Term(s):
    Learner Control Feedback Hyperlink Hypertutorial Hypertutor Model Hypertutor System Learning Resources Practice
    Web-based Hypermedia Courseware Development UT Bullet

    Web-based Hypermedia Courseware Glossary
    HTML Form Radio Input Element
    Element: INPUT TYPE="RADIO"
    Description: Displays one radio button. The NAME property is is later used to refer to the button for further processing. The VALUE property is returned when the button is chosen. CHECKED can be used to specify a prechosen or default button. The CHECKED property, when present, causes a checked button to be displayed. When a radio button is clicked, the action executes the series of JavaScript instructions (called an event handler) assigned to its onClick method.
    Usage: <INPUT TYPE="RADIO"
    [NAME="name"]
    [VALUE="value"]
    [CHECKED]
    [onClick="JavaScript instructions"]
    >[text to be displayed adjacent to radio button]
    L: 2
    Example: General Ulysses S. Grant is buried in Grant's tomb.<BR><BR>

    <INPUT TYPE="RADIO"
    NAME="ITEM1"
    VALUE="True"
    onClick="alert('True is correct. Good work.');"
    >True
    <INPUT TYPE="RADIO"
    NAME="ITEM1"
    VALUE="False"
    onClick="alert('False is not correct. Try again.');"
    >False


    Displays as (Click the buttons):

    General Ulysses S. Grant is buried in Grant's tomb.

    True False
    Which has distributed the most copies?.<BR><BR>

    <INPUT TYPE="RADIO"
    NAME="ITEM2"
    CHECKED VALUE="none"
    >No response<BR>
    <INPUT TYPE="RADIO"
    NAME="ITEM2"
    VALUE="Tapestry"
    ><CITE>Tapestry</CITE> by Carole King<BR>
    <INPUT TYPE="RADIO"
    NAME="ITEM2"
    VALUE="Saturday"
    ><CITE>Saturday Night Fever</CITE> by BeeGees<BR>
    <INPUT TYPE="RADIO"
    NAME="ITEM2"
    VALUE="Thriller"
    ><CITE>Thriller</CITE> by Michael Jackson<BR>
    <INPUT TYPE="RADIO"
    NAME="ITEM2"
    VALUE="Netscape"
    ><CITE>Netscape Navigator</CITE> by Netscape Communications<BR>
    <INPUT TYPE="RADIO"
    NAME="ITEM2"
    VALUE="Netscape"
    >Don't know<BR>

    Displays as (Click the buttons):

    Which has distributed the most copies?.

    No response
    Tapestry by Carole King
    Saturday Night Fever by BeeGees
    Thriller by Michael Jackson
    Netscape Navigator by Netscape Communications
    Don't know

    Related
    Term(s):
    Anchor element Button element Checkbox element Element Form elements Hidden element List and menu elements Logical elements Meta and head elements Miscellaneous elements NAME Password element Physical elements Reset element Select and Option elements Submit element Table elements Text element Textarea element
    Web-based Hypermedia Courseware Development UT Bullet

    Web-based Hypermedia Courseware Glossary
    HTML Form Reset Input Element
    Element: INPUT TYPE="RESET"
    Description: Displays a button with the text assigned to the VALUE property of the button. When the button is pressed, it resets all form elements to their initial settings. If the onClick method has been defined the JavaScript instructions defining the onClick method will also be executed when the button is pressed.
    Usage: <INPUT TYPE="RESET"
    [NAME="name"]
    [VALUE="value"]
    [onClick="JavaScript instructions"]
    >
    L: 2
    Example: <INPUT TYPE="RESET"
    NAME="RESET1"
    >


    Displays as (Press button below - Press "Cancel" on prompt to avoid erasing your responses to previous questions):


    <CENTER>
    <INPUT TYPE="RESET"
    NAME="EX_RESET"
    VALUE="Clear All Entries..."
    >
    </CENTER>

    Displays as (Press button below - Press "Cancel" on prompt to avoid erasing your responses to previous questions):

    Related
    Term(s):
    Anchor element Button element Checkbox element Element Form elements Hidden element List and menu elements Logical elements Meta and head elements Miscellaneous elements NAME Password element Physical elements Radio element Select and Option elements Submit element Table elements Text element Textarea element
    Web-based Hypermedia Courseware Development UT Bullet

    Web-based Hypermedia Courseware Glossary
    HTML Form Select and Option Elements
    Element: SELECT and OPTION
    Description: The SELECT element is a container having attributes and may contain multiple OPTION elements. So, it also has an end tag. The SELECT and OPTION elements, used together, display a menu or list of options or selections identified in OPTION elements. The SELECT element may be used for implementing menus. The menu may be configured so that multiple options are acceptable with the MULTIPLE attribute. The SIZE element denotes the number of options that are initially displayed and visible at one time. SELECT and OPTION elements are typically used to display a multiple option list so that, initially, one option from a pop-up list, or several options from a more extended scrollable list, or all available options are displayed (see examples below). Unlike the types of INPUT elements (e.g., RADIO), there is no TYPE attribute or property for a SELECT or OPTION element.
    Usage: <SELECT [NAME="name"]
    [SIZE=integer]
    [MULTIPLE]
    [onBlur="JavaScript instructions"]
    [onChange="JavaScript instructions"]
    [onFocus="JavaScript instructions"]
    >
    <OPTION [SELECTED] [VALUE="text1"]> Displayed text1
    [<OPTION [SELECTED] [VALUE="text2"]>Displayed text2]
    ...
    [<OPTION [SELECTED] [VALUE="texti"]> Displayed texti]
    ...
    </SELECT>
    L: 2
    Example: <SELECT NAME="MENU1"
    SIZE=1
    >
    <OPTION SELECTED VALUE="None">No response
    <OPTION VALUE="Button">Button
    <OPTION VALUE="Checkbox">Checkbox
    <OPTION VALUE="Hidden">Hidden
    <OPTION VALUE="Password">Password
    <OPTION VALUE="Radio">Radio
    <OPTION VALUE="Reset">Reset
    <OPTION VALUE="Submit">Submit
    <OPTION VALUE="Text">Text
    </SELECT>


    Displays as (try it out):

    <SELECT NAME="MENU2"
    SIZE=4
    >
    <OPTION SELECTED VALUE="None">No response
    <OPTION VALUE="Button">Button
    <OPTION VALUE="Checkbox">Checkbox
    <OPTION VALUE="Hidden">Hidden
    <OPTION VALUE="Password">Password
    <OPTION VALUE="Radio">Radio
    <OPTION VALUE="Reset">Reset
    <OPTION VALUE="Submit">Submit
    <OPTION VALUE="Text">Text
    </SELECT>


    Displays as (try it out):

    <CENTER>
    <SELECT NAME="MENU3"
    SIZE=9
    >
    <OPTION SELECTED VALUE="None">No response
    <OPTION VALUE="Button">Button
    <OPTION VALUE="Checkbox">Checkbox
    <OPTION VALUE="Hidden">Hidden
    <OPTION VALUE="Password">Password
    <OPTION VALUE="Radio">Radio
    <OPTION VALUE="Reset">Reset
    <OPTION VALUE="Submit">Submit
    <OPTION VALUE="Text">Text
    </SELECT>
    </CENTER>


    Displays as (try it out):

    Related
    Term(s):
    Anchor element Button element Checkbox element Element Form elements Hidden element List and menu elements Logical elements Meta and head elements Miscellaneous elements NAME Password element Physical elements Radio element Reset element Submit element Table elements Text element Textarea element
    Web-based Hypermedia Courseware Development UT Bullet

    Web-based Hypermedia Courseware Glossary
    HTML Form Submit Input Element
    Element: INPUT TYPE="SUBMIT"
    Description: Displays a button showing the text assigned to the VALUE property of the button. If no text is assigned "Submit Query" will appear on the button. When the button is pressed, it submits all data entered into the form to the specified URL. onClick may be assigned JavaScript instructions defining additional actions to be executed when the button is pressed.
    Usage: <INPUT TYPE="SUBMIT"
    [NAME="name"]
    [VALUE="value"]
    [onClick="JavaScript instructions"]
    >
    L: 2
    Example: <INPUT TYPE="SUBMIT"
    NAME="SUBMIT1"
    >


    Displays as (Press button below - Press "Cancel" on prompt to avoid submitting responses by email at this time):


    <CENTER>
    <INPUT TYPE="SUBMIT"
    NAME="SUBMIT2"
    VALUE="Submit to Instructor..."
    >
    </CENTER>

    Displays as (Press button below - Press "Cancel" on prompt to avoid submitting responses by email at this time):


    Related
    Term(s):
    Anchor element Button element Checkbox element Element Form elements Hidden element List and menu elements Logical elements Meta and head elements Miscellaneous elements NAME Password element Physical elements Radio element Reset element Select and Option elements Table elements Text element Textarea element
    Web-based Hypermedia Courseware Development UT Bullet

    Web-based Hypermedia Courseware Glossary
    Term: The HTML Table Element
    Element: TABLE
    Description: Contains all elements of a table.

    The TABLE element specifies and contains any number of rows and columns. Columns may span more than one row. Rows may span more than one column. A table may have a displayed border. Tables may contain row or column headings. A table may have a caption. Table rows and columns may have specified widths. The height and width of the whole table may be specified.

    The TABLE element can contain CAPTION, TR, TH, TD table elements in addition to most other HTML elements. HEIGHT and WIDTH may be expressed as a percentage (e.g., HEIGHT=90% WIDTH=80%) creating the powerful capability referred to in this hypertutorial as relative tables.

    CAPTION:
    Places a caption above the table.
    TR:
    Starts a table row.
    TH:
    Starts a table heading.
    TD:
    Starts the definition of a table cell.
    The TR, TH, and TD elements may have ALIGN=LEFT, CENTER or RIGHT attributes. None require end tags.
    Usage: <TABLE [BORDER="border"]
    [HEIGHT="height"]
    [WIDTH="width"]
    [ALIGN= LEFT | CENTER | RIGHT]
    [BGCOLOR="RGB color number"]>
    [elements]
    </TABLE>
    L: 3
    Related
    Term(s):
    Anchor elements Document Element Form elements HTML Logical elements List and menu elements Meta and head elements Miscellaneous elements
    Web-based Hypermedia Courseware Development UT Bullet

    Web-based Hypermedia Courseware Glossary
    Term: Tag
    Meaning: All HTML elements start with a tag. Most end with a tag. Whatever lies between the tags is said to be contained by the element. The tag at the start of the element is called a start tag or begin tag. The tag at the end of the element is called a stop tag or end tag. Start tags always enclose a tag name, which may be followed by one or more attributes, in angle brackets "<>". End tags always precede the tag name with a "/".

    Examples: <CITE>Thriller</CITE>
    Related
    Term(s):
    Container Document Element HTML
    Web-based Hypermedia Courseware Development UT Bullet

    Web-based Hypermedia Courseware Glossary
    HTML Form Text Input Element
    Element: INPUT TYPE="TEXT"
    Description: Displays a short text field of length SIZE for the entry of typed-in characters. MAXLENGTH characters may be entered. Several event handlers for the element are described below. Event handlers may be assigned JavaScript instructions defining actions to be executed when the element-related events occur. The event handlers do not need to be used for typical quiz and practice exercise forms so they are not discussed here. For further information see Flanagan (1996), Goodman (1996), Graham (1995), or Ritchey (1996).
    Usage: <INPUT TYPE="TEXT"
    [NAME="name"]
    [VALUE="value"]
    [SIZE=integer]
    [MAXLENGTH=integer]
    [onBlur="JavaScript instructions"]
    [onChange="JavaScript instructions"]
    [onFocus="JavaScript instructions"]
    >
    L: 2
    Example: <INPUT TYPE="TEXT"
    NAME="TEXT1"
    VALUE="default"
    SIZE=5
    MAXLENGTH=10
    >


    Displays as (Enter something):

    Enter the name of the form input element that allows you to type text into a field.
    <CENTER>
    <INPUT TYPE="TEXT"
    NAME="TEXT2"
    VALUE=""
    SIZE=4
    MAXLENGTH=4
    >
    </CENTER>


    Displays as (Enter the answer in the field):

    Enter the name of the form input element that allows you to type text into a field.

    Related
    Term(s):
    Anchor element Button element Checkbox element Element Form elements Hidden element List and menu elements Logical elements Meta and head elements Miscellaneous elements NAME Password element Physical elements Radio element Reset element Select and Option elements Submit element Table elements Textarea element
    Web-based Hypermedia Courseware Development UT Bullet

    Web-based Hypermedia Courseware Glossary
    HTML Form Textarea Element
    Element: TEXTAREA
    Description: Displays an editable and scrollable text field having ROWS rows and COLS columns that would be used for extended text entries in the fashion of a window containing a mini text editor. Word wrap may be specified as either off, virtual (visible but not stored line breaks), or physical (visible and stored) using the the WRAP attribute. The TEXTAREA element has no TYPE attribute.
    Usage: <TEXTAREA [NAME="name"]
    [ROWS=integer]
    [COLS=integer]
    [WRAP=off | virtual | physical]
    [onBlur="JavaScript instructions"]
    [onChange="JavaScript instructions"]
    [onFocus="JavaScript instructions"]
    >[default value text]
    </TEXTAREA>
    L: 2
    Example: <TEXTAREA NAME="textarea1"
    ROWS=3
    COLS=20
    WRAP=virtual
    >Type some text here please.
    </TEXTAREA>


    Displays as (Try it out. Notice the word wrap.):

    Enter below any additional comments or suggestions.<BR><BR>
    <TEXTAREA NAME="textarea2"
    ROWS=2
    COLS=20
    WRAP=off
    >
    </TEXTAREA>


    Displays as (Try it out. Notice no word wrap.):

    Enter below any additional comments or suggestions.

    Additional Comments (e.g., What did you like best? What did you like least?, etc.):<BR>
    <CENTER>
    <TEXTAREA NAME="textarea3"
    ROWS=10
    COLS=40
    WRAP=off
    >
    </TEXTAREA>
    </CENTER>


    Displays as (Try it out. Notice no word wrap.):

    Additional Comments (e.g., What did you like best? What did you like least?, etc.):
    Related
    Term(s):
    Anchor element Button element Checkbox element Element Form elements Hidden element List and menu elements Logical elements Meta and head elements Miscellaneous elements Password element Physical elements Radio element Reset element Select and Option elements Submit element Table elements Text element
    Web-based Hypermedia Courseware Development UT Bullet

    Web-based Hypermedia Courseware Glossary
    Term: TITLE
    Meaning: The TITLE element is a primary element to be included within the HEAD element of an HTML document. The content of the TITLE element typically appears as the caption of its HTML document's browser window when that document is displayed by the browser. The TITLE element must be contained in the HEAD element of an HTML document.
    Related
    Term(s):
    BODY Container Document Element HEAD HTML
    Web-based Hypermedia Courseware Development UT Bullet

    Web-based Hypermedia Courseware Glossary
    Term: Unix
    Meaning: Unix is a stable, mature and robust operating system for computers. It can simultaneously handle many users and programs and has much supporting software. For these reasons, Unix has long been used on large and complex computers and on computing networks. During the early days of the Internet most computers on the Internet were running Unix. Primarily for these reasons Unix computers are used by most Internet service providers.
    Related
    Term(s):
    Internet Web
    Web-based Hypermedia Courseware Development UT Bullet

    Web-based Hypermedia Courseware Glossary
    Term: URL
    Meaning: URL is the abbreviation for Uniform Resource Locator. The URL, when designated as the destination of a hypertext link using the HTML ANCHOR element's HREF attribute, identifies the World Wide Web or Internet location or address associated with the link. URL's identify a transfer protocol (e.g., FTP, HTTP, MAILTO, etc.) followed by the relevant location information (e.g., path, filename, email address, etc.)
    Related
    Term(s):
    Anchor Internet HREF Hyperlink Link Web
    Web-based Hypermedia Courseware Development UT Bullet

    Web-based Hypermedia Courseware Glossary
    Term: Web
    Meaning: The Web or World Wide Web or W3 offers a graphical user interface (GUI) to the Internet through the capabilities of Web browsers, but may be accessed by nongraphical Web browsers like Lynx, as well. The critical feature of the Web is the hypertext link, hyperlink or just link, implemented in HTML using the ANCHOR element. Links exist in most Web documents, forming connections between documents and the unique kind of interactivity which is the distinguishing feature of the Web.
    Related
    Term(s):
    Anchor Internet Browser Document HREF Hyperlink Link
    Web-based Hypermedia Courseware Development UT Bullet

    UT Bullet Web-based Hypermedia Courseware Development

    References

    1. Anderson, R. C., & Pichert, J. W. Recall of Previously Unrecallable Information following a Shift in Perspective. (Tech. Rep. No. 41). Urbana: University of Illinois, Center for the Study of Reading. (ERIC Document Reproduction Service No. ED 142974, 1987.)
    2. Arnheim, R. Visual Thinking, Berkeley and Los Angeles: University of California Press, 1969.
    3. Craik, F. I. M., & Lockhart, R. S. Levels of Processing: A Framework for Memory Research. Journal of Verbal Learning and Verbal Behavior, 1972, 11, 671-684.
    4. Dwyer, F. M. Strategies for Improving Visual Learning: A Handbook for the Effective Selection, Design, and Use of Visual Materials. State College, PA: Penn State, 1978.
    5. Flanagan, D. JavaScript: The Definitive Guide (Beta Edition). Sebastopol, CA: O'Reilly, 1996.
    6. Fleming, M. L. Perceptual Principles for the Design of Instructional Materials. Viewpoints, Bloomington: Indiana University Bulletin of the School of Education, 69-200, 1970.
    7. Fleming, M., & Levie, W. H. Instructional Message Design. Englewood Cliffs, NJ: Educational Technology Publications, 1978.
    8. Fleming, M., & Levie, W. H. (Eds.)Instructional Message Design: Principles from the Behavioral and Cognitive Sciences. (2nd Edition). Englewood Cliffs, NJ: Educational Technology Publications, 1993.
    9. Goodman, D. Danny Goodman's JavaScript Handbook. Foster City, CA: IDG, 1996.
    10. Graham, I. S. The HTML Sourcebook. New York: Wiley, 1995.
    11. Harris, H., & Kidder, G. Official HTML Publishing for Netscape. Research Triangle Park, NC: Netscape Press, 1996,
    12. Jelden, D. L., & Brown, B. R. A Generalized Learner-Controlled Education System. Journal of Educaitonal Technology Systems, 1982-83, 11(1), 3-21.
    13. Johnson, C. W., & Grover, P. A. Hypertutor Therapy for Interactive Instruction. Educational Technology, 1993, 33(1), 5-16.
    14. Kinzie, M. B. Requirements and Benefits of Effective Interactive Instruction: Learner Control, Self-Regulation, and Continuing Motivation, Educational Technology, Research and Development, 1990, 38(1), 5-21.
    15. Kinzie, M. B., & Birdel, R. L. Design and Use of Hypermedia Systems, Educational Technology, Research and Development, 1990, 38(3), 61-68.
    16. Morgan, M., Wandling, J. & Casselberry, R. Webmster Expert Solutions. Indianapolis, IN: Que, 1996.
    17. Pressley, M., McDaniel, M. A., Turnure, J., Wood, E., & Ahmad, M. Generation and Precision of Elaboration: Effects on Intentional and Incidental Learning. Journal of Experimental Psychology: Learning, Memory, and Cognition, 1987, 13, 291-300.
    18. Ritchey, T. Programming JavaScript for Netscape 2.0. Indianapolis, IN: New Riders, 1996.
    19. Shafer, D., JavaScript & Netscape Wizardry. Scottsdale, AZ: Coriolis, 1996.
    20. Stout, R. The World Wide Web Complete Reference. Berkeley, CA: McGraw-Hill, 1996.
    21. Zimmerman, B. J. Self-Regulated Learning and Academic Achievement: An Overview. Educational Psychologist, 1990, 25, 3-17. Indianapolis, IN: New Riders, 1996.
    Web-based Hypermedia Courseware Development UT Bullet


    Presentation Practice Feedback Multiple Examples Multiple Questions Learning Resources