Character Highlighting

• Bold Text
  
• Italicized Text
  
• Underlined Text
  
• Emphasized Text
  
• Strong Text
  
• Code Text
  
• Citation Text
  
• Keyboard Text
  
• Sample Text
  
• Teletype Text
  
• Variable Element Text
  
• Bold and Italicized Text
  
• Struck Out Text
  

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Fonts

Font control (Face names, color, size) may be achieved by setting VCL properties or through the use of tags in the HTML document.

• Font Faces
  • Times New Roman
  • Arial
  • ñ¸(6 (Wingdings)
• Font Sizes 1 2 3 4 5 6 7 6 5 4 3 2 1
• FONT COLORS

• Subscripts and Superscripts
  • H₂SO₄
  • R² = X² + Y²

Lists

Ordered List

1. Line 1
2. Line 2

Ordered List (Lettered)

1. Line 1
2. Line 2

Unordered List

• Line 1
• Line 2

Definition List

Term 1

Term 1's definition

Term 2

Term 2's definition

Directory List (looks just like unordered list)

Menu List (looks just like unordered list)

Lists can be nested in various ways

1. First Item
   • First Sub Item
     • First Sub Sub Item
     • Second Sub Sub Item
   • Second Sub Item
2. Second Item

HTML Graphics

Inline images are placed directly in text like this one. Inline Images may be aligned so that text is at the bottom (default), at the top, or in the middle. . The image error symbol is displayed if an error is encountered when displaying an image.

Images can be used as hotspots and work just like text links.

Transparent images like these allow the background to show through.

Left and right floating images, shown here, are appropriate for large images as text can flow around them automatically.

The image on the right has the IsMap attribute set. When used as a link, the pixel coordinates of the click spot are transmitted with the URL. These can be used to direct the link to a target appropriate for that area of the image.

The image with the arrows demonstrates client side image mapping. The UseMap attribute points to an image map definition describing the hot areas of the image.

Images may be sized using the height and width attributes.

MouseOver Images

A special syntax allows for two and three state MouseOver images.

Special Characters

In an HTML document, some characters must be specially entered.

• The characters <, >, &, and " have special significance in the HTML language. They can be entered as &lt;, &gt;, &amp;, and &quot; respectively. (Note the semicolon in the syntax).

• Non keyboard characters may be entered in the form &#NNN; where NNN is the decimal number representing the character. For instance, the © copyright symbol may be entered as &#169; (&copy; also works).

• Some characters in the Latin entity set also have special symbols by which they may be entered. For example, A with a grave accent, À, is entered as &Agrave;.

Preformated Text

This is preformated text, <pre>.  Multiple spaces    and
carriage returns are recognized.  Preformated text won't
wrap.  It can have hot spots too.

Blockquote Text

This is blockquote text. It is used to indicate text quoted from another source. Here it is rendered as indented plain text.

Centered Text

Here is a line of centered text.

Special Events

Events allow interaction with the user's application.

• OnInclude event allows HTML text insertion at load time.

  Today's date is
  Loaded at

• OnImageClick, OnImageOver events for images.

  Right Click on these Thumbnails

          

• OnObjectClick event for Buttons, Radiobutton, and Checkboxes

  Click on these

  Radio 1  Radio 2

  Checkbox 1  Checkbox 2

Tables

Many other variations of Tables are shown in the Table Tutorial.