Question

这是我的问题：

<!Demo html>
<html>
<head>

 <img src="html\111.jpg" alt="can't be displayed" align="center">

</head>

<body>

</body>

我只是想把照片放到屏幕上

Answer 1

如果我正确理解您的问题，您希望图像覆盖屏幕，那么这是解决您问题的最简单方法：

<!DOCTYPE html>
<html>
<head>


</head>

<body>
 <img src="html\111.jpg" alt="can't be displayed" align="center" width="100%" height="100%">
</body>

但如果您的意图实际上是将图像用作背景，我强烈建议将其作为背景图像（使用CSS）添加到body元素中。

编辑：

使用css：

html, body {
  width: 100%;
  height: 100%;
}

body {
  background: url( html/111.jpg ) 100% 100%;
}

另外，请勿忘记链接到.html文件中的.css。

<head>
    <link rel="stylesheet" href="css/styles.css">
</head>

Answer 2

对于头部标签......

＆＃13;

<!DOCTYPE html>
<html>
  <head>
     <style type="text/css">
			body { background: url(url of the image) !important; }
			</style>
   </head>
  <body>
    yourbody
    </body>
  </html

＆＃13;

Answer 3

我认为这就是你想要的！

<!DOCTYPE html>
<html>
<head>
</head>

<body>
  <header>
    <img src="html/111.jpg" alt="can't be displayed" align="center" width="100%" height="100%">
  </header>
</body>

Answer 4

在此代码段中，只需用链接替换src代码即可。

<!Demo html>
<html>
<head>
<style>
 .img{
  top:0px;
  left:0px;
  position:absolute;
  height:100%;
  width:100%;
} 
 </style>
</head>

<body>
<img src="http://wallpapersrang.com/wp-content/uploads/2015/12/wallpapers-for-3d-desktop-wallpapers-hd.jpg" alt="can't be displayed" align="center" class="img">
</body>

如何插入图片并将其放入标签中

4 个答案: