HTMLでの<iframe>
HTMLでの
<iframe src="(Webページの中に組み込みたいHTMLのファイル)" width="(Webページに組み込むHTMLの横幅)" height="(Webページに組み込むHTMLの縦幅"></iframe>以下が実際の使用例
<iframe src="test3.html" width="200" height="100"></iframe>
[test1.html]<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <p>これは、テストです。</p> <iframe src="test3.html" width="200" height="100"></iframe> </body> </html>
[test2.html]<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <p>iframeタグの検証になります。</p> </body> </html>
上記の[test1.html]をブラウザで表示した画面が以下になります。