HTML第八章定位网页元素上机题——下拉列表菜单页面

最新推荐文章于 2024-08-01 14:50:29 发布

倩倩之

最新推荐文章于 2024-08-01 14:50:29 发布

阅读量4.7k

点赞数 1

分类专栏： HTML

本文链接：https://blog.csdn.net/qq_36074113/article/details/52884401

版权

本文主要介绍了如何使用HTML创建一个下拉列表菜单页面，涵盖了定位网页元素的关键技巧，适合初学者上机操作练习。

摘要由CSDN通过智能技术生成

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>北大青鸟——下拉列表菜单页面</title>
<link href="css/menu.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container" class="bodyBg">
  <!--导航开始-->
  <div id="top">
    <div class="logo"><img src="image/logo.png" alt="logo" /></div>
    <div class="topAdver1">授权培训中心</div>
    <div class="topAdverText"><a href="#">青鸟官网</a> | <a href="#">中心首页</a></div>
    <div class="topAdver2"><img src="image/TopAdver.png" alt="adver" /></div>
    <div class="clear"></div>
    <!--页面栏目开始-->
    <div class="menu">
      <dl>
        <dt><a href="#">中心信息</a></dt>
        <dd><a href="#">中心介绍</a>
          <a href="#" >荣誉奖项</a>
          <a href="#" >中心环境</a>
          <a href="#" >中心地址</a>
          <a href="#" >联系我们</a> </dd>
      </dl>
      <dl>
        <dt><a href="#">新闻动态</a></dt>
        <dd><a href="#">行业新闻</a>
          <a href="#" >中心新闻</a> </dd>
      </dl>
      <dl>
        <dt><a href="#">课程介绍</a>