Page tree
Skip to end of metadata
Go to start of metadata
HTML (Hyper Text Markup Language) is a markup language which consists of tags embedded in the text of a document.

The browser reading the document interprets the HTML tags to help format the document for subsequent display to a reader. With the help of HTML you can set the colors of the document, text attributes (font, size, alignment etc.) or embed different objects (images, sounds and other) in your document.

There are several rules of HTML you should remember:

  1. All the HTML tags are enclosed in < > (e.g. <br>);
  2. HTML tags are not case sensitive;
  3. The majority of HTML elements require both open and close tag (e.g. <b>some text in bold</b>);
  4. The attributes of HTML tags are denoted with an equal sign and enclosed within quotation marks (e.g. <font color='red'>some text in red</font>;
  5. To set colors hexadecimal code is mostly used (e.g. <font color='#000000'>some text in BLACK</font>).

You can use HTML while designing your Form/Survey. It can be applied to survey title, description, question and answer choices, Thank You Page text.

If you want to apply the same formatting to all of the elements of a certain kind (for example, to all the question texts in the survey) you should better use CSS.

If you wish to embed any object, all hyperlinks should lead to your server. If you want to place any object on our server, ask for our assistance.

 

 

 Click here for the instructions on basic formatting along with the examples in the tables.

Special Symbols

If you want to use special characters, such as trademark (™), copyright (©) etc. in your survey, you can use HTML character entity references to do it. For example if you want to use copyright character (©) you should type in &copy; or &#169;.

Here are character entity references for the most often used characters, note that it is better to use numerical reference if possible:

 

Character entity

Character entity reference

Copyright: ©

&copy; or &#169;

Registration: ®

&reg; or &#174;

Trademark: ™

&trade;

Section: §

&sect; or &#167;

Cent: ¢

&cent; or &#162;

Pound: £

&pound; or &#163;

Yen: ¥

&yen; or &#165;

Degree: °

&deg; or &#176;

1st Power: ¹

&sup1; or &#185;

2nd Power: ²

&sup2; or &#178;

3rd Power: ³

 &sup3; or &#179;

Character entity

Character entity reference

Quarter: ¼

&frac14; or &#188;

Half: ½

&frac12; or &#189;

Three Quarter: ¾

&frac34; or &#190;

Left Double Quote: “

&ldquo;

Right Double Quote: ”

&rdquo;

Bullet: •

&#8226;

Ellipses: …

&#133;

Ampersand: &

&amp;

less-than: <

&lt; or &#60;

Greater-than: >

&gt; or &#62;

Dividers


DividerCodeSample
Paragraph<p>You can arrange your text in paragraphs.</p><p>Each paragraph will begin on a new line. An empty line will separate paragraphs from each other.</p>

You can arrange your text in paragraphs.

Each paragraph will begin on a new line. An empty line will separate paragraphs from each other.

Line BreakYou can insert a line break where you wish<br> and the text will continue on the next line.You can insert a line break where you wish
and the text will continue on the next line.
No Line Break<nobr> will always appear in one line. Do not make it too long!</nobr>This will always appear in one line. Do not make it too long!
Horizontal LineYou can insert a horizontal line:<hr>You can insert a horizontal line:

Presentation Formatting


Appearance

Code

Sample

Background color

<p style='background-color: #FF0000'>You can specify the background, this paragraph has red background</p>

You can specify the background, this paragraph has red background

Alignment

<p align='left'>You can set the alignment of your text. This text is aligned to the left</p>
<p align='right'>If you want, you can align the text to the right</p>
<p align='center'>Or you can choose that the text should be centered</p>

You can set the alignment of your text. This text is aligned to the left

If you want, you can align the text to the right

Or you can choose that the text should be centered

Font Color

<font color=red>You can specify the color of your text. We chose red color for these lines.</font>

You can specify the color of your text. We chose red color for these lines.

Font Face

You are free to select the font face of your text, <font face='Arial'>for example you can choose Arial,</font> <font face='Times New Roman'>or Times New Roman.</font>

You are free to select the font face of your text, for example you can choose Arial, or Times New Roman.

Font Size

You can also set the size of the text, you can define the exact size: <font size='5'>Font size 5</font> or you can use a relative size: <font size='+1'>Font size +1.</font>

You can also set the size of the text, you can define the exact size: Font size 5 or you can use a relative size: Font size +1.

Italic

<i>You can write in Italics</i>

You can write in Italics

Bold

<b>You can emphasize the text with Bold</b>

You can emphasize the text with Bold

Underline

<u>You can underline text</u>

You can underline text

Strike Out

<s>Your text can appear as striked through text</s>

Your text can appear as striked through text

Subscript

You can write a <sub>subscript text</sub>

You can write a subscript text

Superscript

You can write a <sup>superscript text</sup>

You can write a superscript text

Links and Graphics

You can add images to questions, answer choices and logo to your survey title simply by using feature Add Image or Enable Logo on the corresponding pages.
Alternatively, you can use HTML tags to display images stored on some server. You may upload images to our server (for details, see Adding Images to Our Server) or point the URL where the image is located, and then:

  1. Use HTML tag <img> as shown in the table below to set the source of the image you want to add.
  2. Specify the URL of the image file where it is located.For instance, https://www.yourdomain/images/.image.gif

    It is not recommended to point the source of the dynamically generated images, like the pie charts or graph diagrams on the report pages of our application, since some respondents may be required to be logged into the application to view the images.

If you want to insert a hyperlink in your text you should proceed as follows:

  1. Decide on the part of the text you want to add your link to.
  2. Decide on the URL you want to set a link to. To link to an external page, the full address is required, as well as the HTTP prefix. For instance, https://www.yourdomain.com/

  3. If you want to make a link to compose a new email message to your address use following form: mailto:name@domain.

  4. Use HTML as shown in the table below.

 

Code

Sample

Image

Please smile! <img src='https://app.keysurvey.com/User/Q100365.gif'>

Please smile!

External Link

Click<a href="https://app.keysurvey.com/index.jsp">this link </a> to open a company home page in the same window. (Click 'Back' on the navigation bar of your browser to return to Help file).

Click<a href="https://app.keysurvey.com/index.jsp" target="_blank">this link</a> to open a company home page in a new browser window.

Click this link to open a company home page in the same window. (Click 'Back' on the navigation bar of your browser to return to Help file).

Click this link to open a company home page in a new window.

Mailto Link

If you have any questions, contact us at
<a href='mailto:support@yourdomain.com'>support@yourdomain.com</a>.

If you have any questions, contact us at support@yourdomain.com.