The <iframe> and <object> tags can be used to embed another document within the current page.

HTML iframe tag

The <iframe> is used to add and display the content of another document, or webpage within the current HTML document.
- Example:

<h4>Example iframe</h4>
<p>The following content is into an IFRAME element.</p>

<iframe width='400' height='300' src='https://coursesweb.net/'></iframe>

Attributes of <iframe>

The following attributes can be used in the <iframe> tag:


- Example, <iframe> with 'srcdoc'.
<h4>Example iframe with srcdoc</h4>
<p>The following content is into an IFRAME element with srcdoc attribute, which replaces the content from the 'src' address.</p>

<iframe width='400' height='300' src='https://coursesweb.net/' srcdoc='<h3>Content from srcdoc</h3>'></iframe>

The <iframe> positioning and style is made with CSS properties, via the 'id', 'class' or 'style' attributes.


HTML object tag

The <object> tag is used for embedding media contents on a web page (images, Java applets, Flash, PDF, movie, or even another HTML file).
This element is designed to include any sort of document. It uses the type attribute to indicate the 'mime type', and the data attribute to indicate the source of the document (its URI).

- Example, adds a SWF flash game in HTML document.

<h4>Example HTML object element</h4>
<p>In the OBJECT tag of this HTML document it is added a SWF file (a game).</p>

<object width='550' height='400' data='html/cubilus.swf' type='application/x-shockwave-flash'></object>

Attributes of <object>

In <object> you can add the following attributes:


- Example, shows a PDF document in HTML page:
<h4>Example PDF in HTML object</h4>
<p>In the OBJECT tag of this HTML document it is added a PDF file.</p>

<object type='application/pdf' data='blog/101_zen_stories.pdf' width='400' height='280'>PDF Document.</object>

Daily Test with Code Example

HTML
CSS
JavaScript
PHP-MySQL
Which attribute specifies the URL address where to send the form-data?
method action name
<form action="script.php" method="post"> ... </form>
Which CSS property can be used to break lines in the middle of words?
word-wrap line-height font-size
#id {
  width: 100px;
  word-wrap: break-word;
}
Which function sorts the elements of an array into alphabetical order, based on the string values?
pop() sort() shift()
var tutorials = ["php", "html", "css", "flash"];
tutorials.sort();
alert(tutorials[0]);          // css
Indicate the function that returns the value of the last element into an array.
current() next() end()
$code =[10=>"Perl", 20=>"PHP", 21=>"Python", 30=>"JavaScript");
$last = end($code);
echo $last;      // JavaScript
iframe and object tags

Last accessed pages

  1. Get and Check variable type in JavaScript (803)
  2. querySelector and querySelectorAll (12798)
  3. Contact page - CoursesWeb (29356)
  4. Tabs effect with CSS (30018)
  5. Making DIV Contents Scroll Horizontally, with multiple Div`s inside (36706)

Popular pages this month

  1. Making DIV Contents Scroll Horizontally, with multiple Div`s inside (791)
  2. Contact page - CoursesWeb (770)
  3. Tabs effect with CSS (767)
  4. Courses Web: PHP-MySQL JavaScript Node.js Ajax HTML CSS (249)
  5. PHP getElementById and getElementsByTagName (188)