个人导航html源码
时间: 2023-09-16 15:02:38 浏览: 284
个人导航是一种用于方便用户快速访问常用网站的工具。下面是一个简单的个人导航html源码示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>个人导航</title>
<style>
/* 添加一些样式,使导航更美观 */
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
}
h1 {
text-align: center;
padding: 20px 0;
}
.container {
max-width: 600px;
margin: 0 auto;
padding: 20px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.link {
display: inline-block;
margin: 10px;
}
</style>
</head>
<body>
<div class="container">
<h1>个人导航</h1>
<a class="link" href="https://www.baidu.com/">百度</a>
<a class="link" href="https://www.google.com/">谷歌</a>
<a class="link" href="https://www.zhihu.com/">知乎</a>
<a class="link" href="https://www.taobao.com/">淘宝</a>
<a class="link" href="https://www.jd.com/">京东</a>
</div>
</body>
</html>
```
这段代码创建了一个简单的个人导航页面。其中`<a>`标签用于创建链接,`href`属性指定链接的目标网址。可以根据个人需求添加更多的链接,同时可以通过修改CSS样式来自定义页面的外观。
阅读全文