Question

我完全是HTML新手。上一次我使用html一定是20年前使用Dreamweaver了。

我有一个加载应用程序的iframe。这工作正常，但在iframe上方，我想添加带有图片和背景色的标头。可能是百分比而不是固定大小，以使其在不同分辨率下看起来都不错？

在iframe下方，我想添加一个带有短文本的小空间。

如何将其添加到此代码中？

<!DOCTYPE html>
<html>
   <style type="text/css">
      html, body { margin: 0; padding 0; width: 100%; height: 100%;}
      iframe { border: 0; width: 100%; height: 87%; }
   </style>
   <body>
      <iframe src="myapplicationip"></iframe>
   </body>
</html>

Answer 1

查看CSS背景图片，HTML5页眉和页脚标签。

使用HTML5标签，您可以像这样开始：

<!DOCTYPE html>
<html>
 <style type="text/css">
  html, body { margin: 0; padding 0; width: 100%; height: 100%;}
  header{ background-image: url("img_tree.png");}
  iframe { border: 0; width: 100%; height: 87%; }
  footer{color:blue;}
</style>
<body>
 <header>
  <h1>Your header</h1>
 </header>
  <iframe src="myapplicationip"></iframe>
 <footer>
  <p>Your footer</p>
 </footer>
</body>

在iframe中添加页眉和页脚？

1 个答案: