In the header you will see the example of an iframe embedded qualtrics survey. The code that produced this is below:

<iframe width=“700” height=“400” src=“” frameborder=”0″ allowfullscreen></iframe>

HTML and <iframe> Overview 

For those of you that are not familiar with HTML language, the ‘<iframe>’ and ‘<iframe/> are HTML tags, or keywords.

  • HTML tags normally come in pairs like <p> and </p>
  • The first tag in a pair is the start tag, the second tag is the end tag
  • The end tag is written like the start tag, but with a forward slash inserted before the tag name

The ‘iframe’ tag is an inline frame that is used to embed another document within the current HTML document.

 Attributes and Specifications of <iframe>

Between the start and end tag is the content. There are a number of attributes that make up the content. Here is an overview:

  • The ‘width’ and ‘height’ attributes specify the size of the <iframe> in pixels.
    • This can be adjusted as necessary.
  • The ‘src’ attribute specifies the address of the document to embed in the <iframe>
    • Following the “src =” is the link to the survey
    • Make sure the link is in quotations
  • The ‘frameborder’ attribute specifies whether or not to display a border around an <iframe>
    • 1 = yes
    • 0 = no
  • In the example, the sandbox attribute ‘allowfullscreen’ was used. Sandbox attributes enable an extra set of restrictions for the content in an <iframe>. This is not of particular interest to this topic.

Some Ways to Use this Function 

These surveys are easy to create and distribute to a class through Blackboard. They are best for quick questions in which you would like to gather a response anonymously from a group.

For example, these surveys could be used for:

  •  Assessing learning and comprehension of content (e.g., check on learning questions)
  • Real-time feedback
  • Polling