首页html和css写一个简单的网页

html和css写一个简单的网页

时间: 2023-09-29 14:06:11 浏览: 93

好的，我可以回答这个问题。你可以使用HTML来编写网页的内容，使用CSS来使网页的样式更加美观。以下是一个简单的HTML和CSS示例，可以用于制作一个简单的网页： HTML代码： ``` <!DOCTYPE html> <html> <head> <title>我的网页</title> <link rel="stylesheet" type="text/css" href="style.css"> </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> <section> <h2>最新文章</h2> <article> <h3>文章标题</h3> <p>文章内容</p> <p>发布日期：2021年10月1日</p> </article> <article> <h3>文章标题</h3> <p>文章内容</p> <p>发布日期：2021年9月30日</p> </article> </section> <section> <h2>关于我们</h2> <p>这里是关于我们的介绍。</p> </section> </main> <footer> <p>版权信息 © 2021 我的网站</p> </footer> </body> </html> ``` CSS代码（保存为style.css）： ``` header { background-color: #333; color: white; padding: 20px; } nav ul { margin: 0; padding: 0; list-style: none; } nav a { display: inline-block; color: white; padding: 10px; text-decoration: none; } nav a:hover { background-color: #555; } article { background-color: #f9f9f9; padding: 10px; margin-bottom: 20px; } footer { background-color: #333; color: white; padding: 10px; text-align: center; } ```

阅读全文