首页用html语言写一个图文显示主页

用html语言写一个图文显示主页

时间: 2023-12-17 18:05:59 浏览: 107

好的，以下是一个简单的图文显示主页的 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> <section> <h2>最新消息</h2> <p>这里可以写最新消息的内容。</p> </section> <section> <h2>产品介绍</h2> <p>这里可以写产品介绍的内容。</p> <img src="product.jpg" alt="产品图片"> </section> <section> <h2>联系我们</h2> <p>这里可以写联系我们的内容。</p> </section> </main> <footer> <p>版权所有 © 2021 我的网站</p> </footer> </body> </html> ``` 在这个示例中，我们使用了 HTML 的基本标签和结构，包括 `<header>`、`<nav>`、`<main>`、`<section>`、`<img>` 和 `<footer>` 等标签，实现了一个简单的图文显示主页。您可以根据需要进行修改和扩展。

阅读全文