# 静态网页制作模板
制作一个静态网页并不难,只需要掌握基本的HTML、CSS和JavaScript知识,下面是一个简单的静态网页制作模板,你可以根据自己的需求进行修改和扩展。
<!DOCTYPE html> <html> <head> <title>静态网页制作模板</title> <style> /* CSS样式 */ body { font-family: Arial, sans-serif; margin: 0; padding: 0; } header { background-color: #f8f9fa; padding: 20px; text-align: center; } main { margin: 20px; } footer { background-color: #f8f9fa; padding: 20px; text-align: center; position: fixed; bottom: 0; width: 100%; } </style> </head> <body> <header> <h1>欢迎来到我的静态网页</h1> </header> <main> <h2>关于我</h2> <p>我是一个热爱编程的年轻人,喜欢探索新技术和新事物。</p> <h2>我的技能</h2> <ul> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> <li>Python</li> </ul> <h2>我的项目</h2> <ul> <li><a href="project1.html">项目1</a></li> <li><a href="project2.html">项目2</a></li> <li><a href="project3.html">项目3</a></li> </ul> </main> <footer> <p>© 2023 静态网页制作模板. All rights reserved.</p> </footer> </body> </html>
这个模板包含了一个基本的网页结构,包括标题、页眉、主要内容、页脚等,你可以根据自己的需求修改样式和内容,如果你想添加更多的功能,比如导航栏、侧边栏等,你可以考虑使用JavaScript和CSS来实现。