Iframe Example

Iframe Example -- Source Code

HTML Page -- index.htm

 <!DOCTYPE html>

<!-- Iframe Example 
Source code file: index.htm
Display text from a file in an iframe. -->

<html>
     <head>
     <meta content="text/html; charset=utf-8" 
           http-equiv="Content-Type">
     <title>Details Example</title>
     <link rel="stylesheet" type="text/css" 
           href="styles.css">
     </head>

     <body>
         <h1>Iframe Example</h1>
         <p>Lorem ipsum dolor sit amet.</p>
         <iframe src="lorem-ipsum.txt" width="200px" height="200px" />
     </body>
</html>

CSS Page -- styles.css

/* Iframe Example
   Source code file: details.css
   Use a details element to hide information. */

body { background-color: #e0e0e0;
       color: #000060; 
       font-family: Verdana, Arial, sans-serif; }
       
iframe { background-color: #e0e0ff; }

Text File -- lorem-ipsum.txt

Lorem ipsum dolor sit amet, consectetur adipiscing elit, 
sed do eiusmod tempor incididunt ut labore et dolore magna 
aliqua. Cum sociis natoque penatibus et. Elit scelerisque 
mauris pellentesque pulvinar. Quis hendrerit dolor magna 
eget est lorem ipsum dolor sit. Leo urna molestie at 
elementum eu facilisis sed odio. Pharetra diam sit amet 
nisl suscipit adipiscing. Vestibulum sed arcu non odio 
euismod. Dolor sed viverra ipsum nunc aliquet. Enim tortor 
at auctor urna nunc id cursus metus aliquam. Tristique 
senectus et netus et malesuada. Enim eu turpis egestas 
pretium aenean pharetra magna ac. Ac tortor dignissim 
convallis aenean et tortor at risus viverra. Id venenatis 
a condimentum vitae sapien pellentesque habitant. Porta 
lorem mollis aliquam ut. Dui vivamus arcu felis bibendum 
ut tristique et egestas quis. Urna neque viverra justo 
nec ultrices. Velit laoreet id donec ultrices tincidunt 
arcu. Phasellus faucibus scelerisque eleifend donec 
pretium vulputate sapien nec. Sit amet dictum sit amet 
justo donec enim. Tortor posuere ac ut consequat semper 
viverra nam libero.