HTML is a core component of any web page, including ones built by surveys within IntelliSurvey. It is therefore possible to use HTML tags within IntelliSurvey programming to format webpages, create special characters, build display tables, and so on.
Syntax
To use an HTML tag, simply put the tag in freetext:
<span style="font-weight:bold">Some styled text.</span>
Tags
Most commonly, HTML tags are used to style text. In the above example, this is done with CSS formatting within a span tag. However, it is just as effective and bit simpler to use the following tags.
| Tag | Description | Example Text |
|---|---|---|
<b> |
Bold | <b>This is bold text</b>. This isn't. |
<u> |
Underline | <u>This is underlined text</u>. This isn't. |
<i> |
Italics | <i>This is italicized text</i>. This isn't. |
| Other Common Tags | ||
<a> |
HTML anchor | <a href="URL here" title="tool tip">Clickable hyperlink here</a>. |
<img> |
Image | <img src="myimage.png"> |
<p> |
Paragraph | <p>This text is in a paragraph</p> |
<br> |
line break | This is text<br>This is text on the following line |
Special characters
HTML is also a good way to display punctuation and other special characters, so that they are not inadvertently interpolated by the survey parsing mechanism. For example, in some cases it may be necessary to use $ in place of '$' so the text following the dollar sign is not interpreted as as variable.
Some commonly used symbol codes are:
| HTML | Output | Description |
|---|---|---|
|
|
|
non-breakable space |
|
|
, |
Comma |
|
|
. |
Period |
|
|
? |
Question mark |
|
|
! |
Exclamation mark |
|
|
% |
Percent |
|
|
& |
Ampersand |
|
|
# |
Number sign |
|
|
– |
En dash |
|
|
— |
Em dash |
|
|
' | Single quote |
|
|
" | Double quotes |
|
|
$ |
Dollar |
|
|
¢ |
Cent |
|
|
£ |
Pound |
|
|
€ |
Euro |
|
|
¥ |
Yen |
|
|
¤ |
Generic Currency Symbol |
|
|
© |
Copyright |
|
|
® |
Registered trademark |
HTML display tables
Custom HTML tables are easy to implement in your survey source code. Question piping is often used in conjunction with HTML to specify the placement of checkboxes and radio buttons.
For more information, see Custom HTML Tables.
Comments
0 comments
Please sign in to leave a comment.