HTML/CSS/Frame Tags/iframe
Содержание
An inline frame
<source lang="html4strict">
<?xml version="1.0" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head>
<title>An inline frame</title>
</head> <body>
Floating frame
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut risus tellus, hendrerit id, sagittis sed, lobortis eget, augue. <iframe src="http://www.wbex.ru"> you might need to upgrade your browser. </iframe> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut risus tellus, hendrerit id, sagittis sed, lobortis eget, augue.
</body> </html>
</source>
"iframe" identifies a frame that can be placed anywhere inside a document
<source lang="html4strict">
<html> <head> <title>iframe element example</title> </head> <body>
<iframe id="myIframe" frameborder="1" scrolling="yes" src="http://www.wbex.ru" width="600" height="400"> </iframe>
<iframe id="myIframe" frameborder="10" scrolling="yes" src="http://www.wbex.ru" width="600" height="400"> </iframe>
</body> </html>
</source>
iframe style
<source lang="html4strict">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title></title>
<style type="text/css" title="text/css">
- iframewrapper {
width: 200px; border: solid 10px #777777;
}
- bordered {
width: 200px; height: 200px;
} iframe {
width: 200px; height: 200px;
} </style> </head> <body>
<iframe src="http://www.wbex.ru" scrolling="auto" name="news" frameborder="0" id="news">Your browser doesn"t support iframes. Please <a href="http://www.wbex.ru">click here</a> to see the content. </iframe>
</body> </html>
</source>
target="iframe"
<source lang="html4strict">
<?xml version="1.0" encoding="iso-8859-1"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>
<title>Football focus</title>
</head> <body>
Quarter Final - Wintertons Cup
<a href="" target="iframe">R</a> vs <a href="" target="iframe">B</a>
<iframe name="iframe" width="300" height="150" src="http://www.wbex.ru" align="left"></iframe> this is a test. this is a test.
</body> </html>
</source>
Use css to replace iframe
<source lang="html4strict">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title></title>
<style type="text/css" media="Screen">
- internal {
width: 200px; height: 100px; background: #999999; overflow: auto;
} </style> </head> <body>
this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test.
</body> </html>
</source>