Using HTML in the Surveys

Where can I use HTML in the Surveys?

Valid HTML can be used almost anywhere in the survey. You can use HTML as part of:

  • Questions or answers.
  • The Header and the Footer of the survey.
  • The Finish Options or on the Thank you page.
  • Email Invitations, the Thank you email notification, or in the Admin Confirmation email.
HTML is an entire language for describing web pages. QuestionPro support staff can and will provide with only a very basic level of support with HTML related questions. Use HTML only if you have an in-depth knowledge of HTML.

Every opened tag requires to be closed by a separate closing tag, except for self closing tags that have a trailing slash (/) within the tag. Please ensure that you're doing this correctly.
Here are a few examples :
    • <font size=1>How useful do you find developer training?</font> The specified font size number decides how big the text appears.
    • <font color="red">How useful do you find developer training?</font> This will apply the Color mentioned in the quotes to the text. You can specify the absolute color name as in the above example or the HEX codes for the colors. For example, the HEX Code for Red is #FF0000.
To get the HEX Code for any color you need: http://www.w3schools.com/tags/ref_colorpicker.asp
    • <b>Bold Answer Option</b> This puts the text in BOLD font face.
    • <u>Underline Answer Option</u> This underlines the text.
    • <i>Italicize Answer Option</i> This italicizes the text.
    • <br /> This adds a line break.
    • &nbsp; This ads a space between words. You can use this code consecutively to add more spaces. For example &nbsp; ads 1 space &nbsp;&nbsp; will add 2 spaces &nbsp;&nbsp;&nbsp; will add 3 spaces and so on.
    • <a href="http://www.QuestionPro.com">http://www.QuestionPro.com</a> This will post a link to a website. You can change the URL for the Site to which you want to point the link to.
    • <a href="http://www.QuestionPro.com" target="_blank">http://www.QuestionPro.com</a> target="_blank" will make the link open in a new window.
    • <img src="http://www.QuestionPro.com/image.jpg"/> Use this HTML to post an Image.
    • You can specify the height and width at which you wish to make the image appear by passing the height and width parameters in the above HTML tag this way: <img src="http://www.QuestionPro.com/image.jpg" width=75 height=100/> This doesn't change the actual size of the image, just its display dimensions on screen. For sizable changes, the recommended way is to edit the image in an image editing tool like MS Paint or Photoshop and upload it again.
    • <div align="right"> Right aligned Text / Image Here</div> Aligns a text to the "left" , "right" or "center"
      • <ol>
      • <li>Apples</li>
      • <li>Oranges</li>
      • <li>Pineapples</li>
      • </ol> Displays items as a numbered list
      • <ul>
      • <li>Apples</li>
      • <li>Oranges</li>
      • <li>Pineapples</li>
      • </ul> Displays items as a bulleted list
    • Using Tables
      • <table>
      • <tr>
      • <td>Row 1, Column 1</td>
      • <td>Row 1, Column 2</td>
      • </tr>
      • <tr>
      • <td>Row 2, Column 1</td>
      • <td>Row 2, Column 2</td>
      • </tr>
      • </table> The <table> tag creates a new table, <tr> begins a new row in it, and <td> begins a new column in the present row.
If a border is required for the table then a border weight as a number must be specified in the opening table tag this way:
  • <table border="1">
For more examples and information on HTML please visit: http://www.w3schools.com.