在HTML中，让图片满屏显示的方法有很多，这里我将介绍两种常见的方法：使用CSS样式和使用JavaScript。
1、使用CSS样式
我们需要在HTML文件中引入一个外部的CSS样式表，或者直接在<head>标签内添加<style>标签来编写CSS样式，接下来，我们可以为图片设置宽度、高度和定位属性，使其满屏显示。
<!DOCTYPE html>
<html>
<head>
<style>
img {
width: 100%;
height: 100%;
object-fit: cover; /* 保持图片纵横比，同时使图片铺满整个容器 */
position: fixed; /* 将图片固定在屏幕中央 */
top: 0;
left: 0;
}
</style>
</head>
<body>
<img src="your-image-source.jpg" alt="图片描述">
</body>
</html>
在上面的代码中，我们为<img>标签设置了width: 100%;和height: 100%;，使其宽度和高度分别占满父容器，我们还设置了object-fit: cover;属性，使图片保持纵横比的同时铺满整个容器，我们通过设置position: fixed;和top: 0; left: 0;属性，将图片固定在屏幕中央。
2、使用JavaScript
除了使用CSS样式外，我们还可以使用JavaScript来实现图片满屏显示，我们需要在HTML文件中引入一个外部的JavaScript文件，或者直接在<script>标签内编写JavaScript代码，接下来，我们可以监听页面加载完成事件，然后获取图片元素并设置其宽度、高度和位置属性。
<!DOCTYPE html>
<html>
<head>
<script>
window.onload = function() {
var img = document.querySelector('img'); // 获取图片元素
img.style.width = '100%'; // 设置图片宽度为100%
img.style.height = '100%'; // 设置图片高度为100%
img.style.objectFit = 'cover'; // 保持图片纵横比，同时使图片铺满整个容器
img.style.position = 'fixed'; // 将图片固定在屏幕中央
img.style.top = '0';
img.style.left = '0';
}
</script>
</head>
<body>
<img src="your-image-source.jpg" alt="图片描述">
</body>
</html>
在上面的代码中，我们使用了window.onload事件来确保页面加载完成后再执行JavaScript代码，接着，我们使用document.querySelector('img')来获取图片元素，然后为其设置宽度、高度、纵横比和位置属性，使其满屏显示。