SheerPower® 4GL
A Guide to the SheerPower Language


Previous Contents Index

9.4.3.8 DIVISION

<div>...</div>

The DIVISON tag is used to divide a document up into different sections, such as chapters, sections, abstract, and appendix. The CLASS attribute specifies what section this is. The ALIGN attribute can be one of LEFT, RIGHT, or CENTER.

Example 9-32 <div >... </div > tag

  form$ = '<div align=right><form>' 
  form$ = form$ + 'Please enter your comments below: <p>' 
  form$ = form$ + '<textarea name=comment cols=30 rows=15></textarea>' 
  form$ = form$ + '</form></div>' 
  input dialogbox form$: comment$ 
  end

9.4.4 Text Formatting Tags

9.4.4.1 FONT

<font>...</font>

The FONT tag defines text with a smaller or larger font than usual. The normal font size corresponds to 3; smaller values of number will produce a smaller font, and larger values of number will produce a larger font.

FONT Tag Attributes

Table 9-6 FONT Tag Attributes
Attribute Function
color specifies the color of the font

Example 9-33 <font >... </font > tag

  form$ = '<form>' 
  form$ = form$ + '<font color=red>' 
  form$ = form$ + 'Place a check in this box to receive future mailings from us. ' 
  form$ = form$ + '<input type=checkbox name=yesmail></font>' 
  form$ = form$ + '</form>' 
  input dialogbox form$: reply$ 
  end

Note

The COLOR ATTRIBUTE to the font tag allows you to utilize hexadecimal color values the same as HTML.

9.4.4.2 HEADINGS

SheerPower supports 6 levels of HEADINGS, H1 through H6. H1 is the largest heading size. H6 is the smallest heading size.

<h1>...</h1>

The HEADING 1 tag defines a level 1 heading (the largest heading size).

Example 9-34 <h1 >... </h1 > tag

  form$ = '<form>' 
  form$ = form$ + '<h1>Level 1 Heading Tag</h1><br>' 
  form$ = form$ + 'Empty field: <input type=text name=field size=30>' 
  form$ = form$ + '</form>' 
  input dialogbox form$: entry$ 
  end

<h2>...</h2>

The HEADING 2 tag defines a level 2 heading.

Example 9-35 <h2 >... </h2 > tag

  form$ = '<form>' 
  form$ = form$ + '<h2>Level 2 Heading Tag</h2><br>' 
  form$ = form$ + 'Empty field: <input type=text name=field size=30>' 
  form$ = form$ + '</form>' 
  input dialogbox form$: entry$ 
  end

<h3>...</h3>

The HEADING 3 tag defines a level 3 heading.

Example 9-36 <h3 >... </h3 > tag

  form$ = '<form>' 
  form$ = form$ + '<h3>Level 3 Heading Tag</h3><br>' 
  form$ = form$ + 'Empty field: <input type=text name=field size=30>' 
  form$ = form$ + '</form>' 
  input dialogbox form$: entry$ 
  end

<h4>...</h4>

The HEADING 4 tag defines a level 4 heading.

Example 9-37 <h4 >... </h4 > tag

  form$ = '<form>' 
  form$ = form$ + '<h4>Level 4 Heading Tag</h4><br>' 
  form$ = form$ + 'Empty field: <input type=text name=field size=30>' 
  form$ = form$ + '</form>' 
  input dialogbox form$: entry$ 
  end

<h5>...</h5>

The HEADING 5 tag defines a level 5 heading.

Example 9-38 <h5 >... </h5 > tag

  form$ = '<form>' 
  form$ = form$ + '<h5>Level 5 Heading Tag</h5><br>' 
  form$ = form$ + 'Empty field: <input type=text name=field size=30>' 
  form$ = form$ + '</form>' 
  input dialogbox form$: entry$ 
  end

<h6>...</h6>

The HEADING 6 tag defines a level 6 heading (the smallest size heading).

Example 9-39 <h6 >... </h6 > tag

  form$ = '<form>' 
  form$ = form$ + '<h6>Level 6 Heading Tag</h6><br>' 
  form$ = form$ + 'Empty field: <input type=text name=field size=30>' 
  form$ = form$ + '</form>' 
  input dialogbox form$: entry$ 
  end

9.4.4.3 BOLD

<b>...</b>

The BOLD tag defines text that should be shown in boldface.

Example 9-40 <b >... </b > tag

  form$ = '<form>' 
  form$ = form$ + 'This example illustrates the <b>BOLD</b> tag<br>'  
  form$ = form$ + '</form>' 
  input dialogbox form$: response$ 
  end

9.4.4.4 ITALIC

<i>...</i>

The ITALIC tag defines text that should be shown in italics.

Example 9-41 <i >... </i > tag

  form$ = '<form>' 
  form$ = form$ + '<i>Please type your comments here:</i>' 
  form$ = form$ + '<textarea name=comments rows=10 cols=30>' 
  form$ = form$ + 'Please type your comments in here.' 
  form$ = form$ + '</textarea>'  
  form$ = form$ + '</form>' 
  input dialogbox form$: comments$ 
  end

9.4.4.5 EMPHASIZED

<em>...</em>

The EMPHASIZED tag defines text that should be emphasized.

Example 9-42 <em >... </em > tag

  form$ = '<form>' 
  form$ = form$ + '<em>What is the name of your favorite movie?</em>' 
  form$ = form$ + '<input type=text name=movie size=60><br><p>' 
  form$ = form$ + 'Who starred in this movie?' 
  form$ = form$ + '<input type=text name=star size=60>' 
  form$ = form$ + '</form>' 
  input dialogbox form$: ans$ 
  end

9.4.4.6 PREFORMATTED TEXT

<pre>...</pre>

The PREFORMATTED TEXT tag defines text that should be shown in a fixed width font with whitespace specified by the form author. Multiple spaces will be displayed as multiple spaces.

Example 9-43 <pre >... </pre > tag

  poem$ = '<form>' 
  poem$ = poem$ + '<pre>'
  poem$ = poem$ + '          I will confess<br>' 
  poem$ = poem$ + '        With cheerfulness,<br>' 
  poem$ = poem$ + '   Love is a thing so likes me,<br>' 
  poem$ = poem$ + '        That, let her lay<br>' 
  poem$ = poem$ + '          On me all day,<br>' 
  poem$ = poem$ + "I'll kiss the hand that strikes me.<p>" 
  poem$ = poem$ + " - excerpt from Robert Herrick's A Hymn to Love" 
  poem$ = poem$ + '</pre>'
  poem$ = poem$ + '</form>' 
  input dialogbox poem$: test$ 
  end

9.4.4.7 ADDRESS

<address>...</address>

The ADDRESS tag defines text that gives an address or other contact information. The text is displayed in italics.

Example 9-44 <address >... </address > tag

  form$ = '<form>' 
  form$ = form$ + '<address>Touch Technologies, Inc.<br>' 
  form$ = form$ + '10650 Scripps Ranch Blvd., Suite 100<br> ' 
  form$ = form$ + 'San Diego, CA 92131</address>' 
  form$ = form$ + '<p> Touch Technologies created SheerPower!' 
  form$ = form$ + '</form>' 
  input dialogbox form$: response$ 
  end

9.4.4.8 BLOCKQUOTE

<blockquote>...</blockquote>

The BLOCKQUOTE tag defines text that is quoted from elsewhere. The text is displayed in an indented block surrounded by blank lines.

Example 9-45 <blockquote >... </blockquote > tag

  form$ = '<form>' 
  form$ = form$ + '<blockquote>"Glory is fleeting, but obscurity is forever."<br>'  
  form$ = form$ + '- Napoleon Bonaparte (1769-1821)</blockquote>'
  form$ = form$ + '<p>This is a quote from Napoleon Bonaparte.' 
  form$ = form$ + '</form>' 
  input dialogbox form$: response$ 
  end


Previous Next Contents Index