要在 HTML 中实现悬停时显示缩略图的效果，可以使用 HTML的 title 属性和 CSS 的 :hover 伪类。具体步骤如下：
在 HTML 中为需要显示缩略图的元素添加 title 属性，该属性可以添加文本、图片等内容。
在 CSS 中使用 :hover 伪类来控制鼠标悬停时的显示效果。
例如，如果需要在悬停时显示一张图片，可以在 CSS 中添加以下代码：
.thumbnail {
position: relative;
}
.thumbnail:hover:after {
content: "";
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100%;
background: url("缩略图路径") no-repeat center center;
background-size: cover;
z-index: 999;
}该代码将为具有 .thumbnail 类的元素添加悬停效果，并在悬停时显示一个绝对定位的 div 元素。该 div 元素使用 :after 伪类来创建，其 content 属性为空，因此不会在页面上显示任何内容。同时，该 div 元素的背景使用了缩略图的路径，以实现悬停时显示缩略图的效果。
需要注意的是，上述代码中的 .thumbnail 类可以根据具体需求进行修改，例如可以使用其他类名或标签名来实现不同的效果。
关键词：HTML，title 属性，CSS，:hover 伪类，缩略图，background，position，z-index