资质| HTML课程|练习测验1 |问题1

介绍

本练习测验是针对HTML课程所设计的，旨在帮助程序员巩固HTML相关知识和技能。此次测验的问题1难度适中，适合初学者完成。

要求

在给定的HTML页面中，通过修改文本和样式，让页面中的菜单项链接到正确的网页，并突出显示当前页面所属菜单项。

实现

为了完成此问题，您需要掌握HTML的基础知识，如HTML元素、属性、标签的使用等等。具体实现步骤如下：

1. 使用<ul>和<li>标签创建菜单列表，其中每个菜单项使用<a>标签包裹，如下所示：

<ul>
  <li><a href="#">Home</a></li>
  <li><a href="#">About</a></li>
  <li><a href="#">Services</a></li>
  <li><a href="#">Contact us</a></li>
</ul>

2. 为当前页面所属菜单项添加样式，可使用伪类选择器:hover和:active，如下所示：

/* 鼠标悬停时的样式 */
a:hover {
  color: red;
}

/* 当前页面所属菜单项的样式 */
a:active {
  color: blue;
}

3. 修改每个菜单项的href属性，使其链接到正确的页面。

总结

本练习测验问题1是一个较为简单的HTML练习题，适合初学者巩固HTML基础知识。通过本练习，您可以学习如何创建菜单列表、掌握伪类选择器的使用、理解href属性的意义等等。希望您能够顺利完成此练习，加强对HTML的掌握。