创建一个使用列表、链接、图像并将图像用作链接元素的导航 - Html - php中文网博客

最编程 2024-03-30 17:35:48

...

实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>制作一个导航,要求使用到列表,链接,图片,并使用图片做为链接元素</title>
</head>
<body>
<h3>制作一个导航,要求使用到列表,链接,图片,并使用图片做为链接元素</h3>
<nav>
    <ul>
        <li><a href="#">首页</a></li>
        <li><a href="#">招生简章</a></li>
        <li><a href="#">新闻动态</a></li>
        <li><a href="#">通知公告</a></li>
        <li><a href="#">常见问题</a></li>
        <li><a href="#">在线报名</a></li>
        <li><a href="#">联系我们</a></li>
        <li><a href="https://www.php.cn/static/images/index_banner.png?1" target="_blank">图片链接</a></li>
    </ul>
</nav>

</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

上一篇： jQuery 蓝色风格滑动导航栏代码共享_jquery

下一篇： CSS 伪元素