大学HTML作业求助：如何在Header下方添加指定提示文本

你现有代码的HTML结构存在语法错误，<head>错放在了<body>内部，且所有可见内容都写在了</body>闭合标签之外，这是你新增标签后效果不符合预期的核心原因。修正结构后按需求添加提示文本即可，完整实现代码如下：

<!DOCTYPE html>
<html>
<head>
<style>
h1 {
    text-align: center;
    background-color: lightgreen;
    font-family: Arial;
    font-size: 200%;
    margin: 0; /* 清除默认边距，和下方标题贴合 */
}
h2 {
    text-align: center;
    background-color: lightgreen;
    font-family: Arial;
    font-size: 100%;
    margin: 0 0 16px 0; /* 仅保留底部边距，和上方标题贴合、和下方提示文字隔开 */
}
.style-tip {
    text-align: center;
    font-family: Arial;
}
</style>
</head>
<body>
<h1>Welcome to my Homepage</h1>
<h2>Overview of Homepage</h2>
<p class="style-tip">Use the menu to select different stylesheets</p>
</body>
</html>

内容的提问来源于stack exchange，提问作者kiyert