简单网页设计模板html
body {
font-family: Arial
sans-serif;
margin: 0;
padding: 0;
}
header {
background-color: #333;
padding: 20px;
color: #fff;
}
section {
padding: 20px;
background-color: #f8f8f8;
}
h1 {
margin: 0;
}
p {
margin-top: 10px;
}
footer {
background-color: #333;
padding: 20px;
color: #fff;
text-align: center;
}
Welcome to Simple Website Template
About Us
Lorem ipsum dolor sit amet
consectetur adipisicing elit. Voluptatem doloremque ea ullam voluptate odit veniam beatae recusandae consectetur eius
fugit repellendus
quae sapiente autem corrupti? Exercitationem explicabo iusto
sapiente sequi.
Lorem ipsum dolor sit amet
consectetur adipisicing elit. At maiores incidunt quaerat autem animi quis molestiae
quas cum fugiat aspernatur mollitia perspiciatis architecto
tempora dolore veritatis provident illum excepturi ducimus.
Our Services
- Service 1
- Service 2
- Service 3
- Service 4
Contact Us
以上是一个简单网页设计模板的HTML代码,总字数为287。以下是对该模板的详细介绍。
该模板分为四个部分:页眉(header)、内容区(section)、页脚(footer)和样式表(style)。
在页眉部分,设置了背景颜色为深灰色、内部边距为20像素,文字颜色为白色。标题使用了一级标题标签(h1),内容为"Welcome to Simple Website Template"。
在内容区部分,使用了一个二级标题(h2)和两个段落(p)。段落内容为"Loreum ipsum dolor sit amet..."。
在第二个内容区,列出了四个服务项目,使用了无序列表(ul)和列表项(li)。
在第三个内容区,创建了一个简单的联系表单。使用了文本输入框(input)和文本区域(textarea)接收用户输入,以及一个提交按钮(button)。
在页脚部分,设置了背景颜色为深灰色、内部边距为20像素,文字颜色为白色。包含版权信息。
在样式表部分,移除了默认外边距和内边距,并设置了全局字体为Arial和sans-serif。
这个简单的网页设计模板可以帮助你创建一个基本的静态网页,展示关于我们、服务和联系我们等内容,更多细节和样式可以根据实际需求进行修改。