首页我的大学生活网页制作代码

我的大学生活网页制作代码

时间: 2023-10-22 20:08:44 浏览: 93

很抱歉，我没有办法提供你的大学生活网页制作代码，因为我不知道你需要什么样的网页和功能。但是，以下是一些常见的 HTML 和 CSS 代码，可以帮助你入门： HTML 代码示例： ```html <!DOCTYPE html> <html> <head> <title>我的大学生活</title> </head> <body> <header> <h1>欢迎来到我的大学生活</h1> <nav> <ul> <li><a href="#">首页</a></li> <li><a href="#">关于我</a></li> <li><a href="#">联系我</a></li> </ul> </nav> </header> <main> <h2>我的课程表</h2> <table> <tr> <th>星期一</th> <th>星期二</th> <th>星期三</th> <th>星期四</th> <th>星期五</th> </tr> <tr> <td>英语</td> <td>数学</td> <td>物理</td> <td>化学</td> <td>计算机</td> </tr> <tr> <td>历史</td> <td>地理</td> <td>政治</td> <td>体育</td> <td>音乐</td> </tr> </table> </main> <footer> <p>© 2021 我的大学生活</p> </footer> </body> </html> ``` CSS 代码示例： ```css body { font-family: Arial, sans-serif; background-color: #f3f3f3; } header { background-color: #333; color: #fff; padding: 20px; } nav ul { list-style: none; margin: 0; padding: 0; } nav li { display: inline-block; margin-right: 20px; } nav a { color: #fff; text-decoration: none; } main { max-width: 800px; margin: 0 auto; padding: 20px; background-color: #fff; } table { border-collapse: collapse; width: 100%; } th, td { padding: 10px; text-align: center; } th { background-color: #333; color: #fff; } footer { background-color: #333; color: #fff; padding: 20px; text-align: center; } ``` 这些代码可以帮助你创建一个基本的网页，但请注意，这只是一个起点，你需要根据自己的需要进行修改和定制。

阅读全文