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=“https://cphs.az1.qualtrics.com/SE/?SID=SV_eh2Gj5TZpY2x3kV” 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