首页用js写一个楼盘介绍网页

用js写一个楼盘介绍网页

时间: 2024-06-08 09:06:51 浏览: 38

好的，我可以给你提供一个基本的网页框架，你可以在此基础上进行修改和完善。 HTML部分： ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>楼盘介绍</title> <link rel="stylesheet" href="style.css"> </head> <body> <header> <h1>楼盘介绍</h1> </header> <main> <section id="overview"> <h2>楼盘概述</h2> <p>这里是楼盘的基本介绍。</p> </section> <section id="location"> <h2>地理位置</h2> <p>这里是楼盘的具体位置信息。</p> </section> <section id="facilities"> <h2>配套设施</h2> <p>这里是楼盘周边的配套设施信息。</p> </section> <section id="price"> <h2>价格与户型</h2> <p>这里是楼盘的价格与户型信息。</p> </section> <section id="contact"> <h2>联系方式</h2> <p>这里是楼盘的联系方式信息。</p> </section> </main> <footer> <p>版权所有 © 2021 某某公司</p> </footer> </body> </html> ``` CSS部分： ``` body { margin: 0; padding: 0; } header { background-color: #333; color: #fff; text-align: center; padding: 20px; } main { margin: 20px; } h2 { font-size: 24px; margin-bottom: 10px; } section { margin-bottom: 20px; } footer { background-color: #333; color: #fff; text-align: center; padding: 10px; } ``` 你可以在`<section>`标签中添加具体的楼盘信息，如图片、文字、表格等。同时，你也可以在CSS中进行样式修改，添加自己的特色设计。