html页脚模板
时间: 2023-07-01 19:12:07 浏览: 79
以下是一个简单的 HTML 页脚模板示例:
```
<footer>
<div class="container">
<div class="row">
<div class="col-md-6">
<p>© 2021 My Website. All rights reserved.</p>
</div>
<div class="col-md-6">
<ul class="list-inline">
<li class="list-inline-item"><a href="#">Privacy Policy</a></li>
<li class="list-inline-item"><a href="#">Terms of Use</a></li>
<li class="list-inline-item"><a href="#">Contact Us</a></li>
</ul>
</div>
</div>
</div>
</footer>
```
这个模板包括一个容器元素,内含两个网格列元素,其中一个包含版权声明,另一个包含三个链接,指向隐私政策、使用条款和联系我们页面。你可以将这个模板复制到你的 HTML 文件中,并根据需要进行修改和定制化。
相关问题
html页脚代码模板footer
以下是一个基本的HTML页脚代码模板:
```html
<footer class="mt-auto py-3 bg-dark" id="footer">
<div class="container">
<p class="m-0 text-center text-muted">Copyright © Blog 2021</p>
</div>
</footer>
```
这个代码模板使用了Bootstrap框架,并设置了页脚的样式和内容。页脚的背景颜色为深色(bg-dark),并且在页面的底部固定显示(mt-auto和fixed-bottom)。页脚中包含一个容器(container),其中包含了版权信息的段落(p标签)。
你可以根据需要修改页脚的样式和内容,例如更改背景颜色、文字颜色、字体大小等。同时,你也可以根据具体情况使用JavaScript来实现粘性页脚的功能,通过判断窗口和文档的高度关系来添加或移除相应的class。
html风景网站模板
根据提供的引用内容,以下是一个简单的HTML风景网站模板的示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>风景网站</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<script src="script.js"></script>
</head>
<body>
<header>
<h1>风景网站</h1>
<nav>
<ul>
<li><a href="index.html">首页</a></li>
<li><a href="gallery.html">图库</a></li>
<li><a href="about.html">关于我们</a></li>
</ul>
</nav>
</header>
<main>
<section>
<h2>欢迎来到风景网站</h2>
<p>这里展示了世界各地的美丽风景照片。</p>
</section>
<section>
<h2>最新图片</h2>
<div class="gallery">
<img src="images/image1.jpg" alt="风景图片1">
<img src="images/image2.jpg" alt="风景图片2">
<img src="images/image3.jpg" alt="风景图片3">
</div>
</section>
</main>
<footer>
<p>版权所有 © 2021 风景网站</p>
</footer>
</body>
</html>
```
这是一个简单的HTML模板,包含了网站的基本结构,包括标题、导航栏、主要内容区域和页脚。你可以根据自己的需求进行修改和扩展,例如添加更多页面、图片和样式。