的dw网页制作作业,学生个人html静态网页制作成品代码
时间: 2024-10-23 23:52:09
(部分内容来自网络,其真实性存疑,为了避免对您造成误导,请谨慎甄别。)
以下是一个简单的HTML静态网页制作的示例代码:
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
margin: 0;
padding: 0;
}
header {
background-color: #333;
color: #fff;
padding: 20px;
text-align: center;
}
nav {
background-color: #666;
color: #fff;
padding: 10px;
}
nav ul {
list-style-type: none;
margin: 0;
padding: 0;
}
nav ul li {
display: inline;
margin-right: 10px;
}
nav ul li a {
color: #fff;
text-decoration: none;
}
main {
margin: 20px;
}
h1 {
color: #333;
}
p {
color: #666;
line-height: 1.5;
}
footer {
background-color: #333;
color: #fff;
padding: 20px;
text-align: center;
}
欢迎来到我的个人网页
关于我
我是一名学生,对网页制作很感兴趣。我喜欢使用HTML和CSS来创建漂亮的静态网页。我希望能够不断学习和提升自己的技能,成为一名优秀的网页设计师。
我的作品
以下是一些我制作的网页作品:
版权所有 © 2022 我的个人网页
这是一个简单的个人网页,包含了一个页眉、导航栏、主要内容和页脚。你可以根据自己的需要进行修改和扩展。注意,这只是一个静态网页,没有任何交互功能。如果你想要添加更多的功能,你可能需要使用JavaScript来实现。