html实训房产网站代码

HTML实训房产网站代码

!DOCTYPE html>
    html lang="zh-CN">
    head>
    	meta charset="UTF-8">
    	title>
    实训房产网站/title>
    	link rel="stylesheet" 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>
    	div class="banner">
    img src="images/banner.jpg" alt="banner">
    	/div>
    	div class="content">
    h2>
    热门房源/h2>
    ul class="house-list">
    li>
    img src="images/house1.jpg" alt="house1">
    /li>
    li>
    img src="images/house2.jpg" alt="house2">
    /li>
    li>
    img src="images/house3.jpg" alt="house3">
    /li>
    li>
    img src="images/house4.jpg" alt="house4">
    /li>
    /ul>
    p class="more">
    a href="#">
    查看更多房源/a>
    /p>
    	/div>
    	footer>
    p>
    版权所有 © 2021 实训房产公司/p>
    	/footer>
    /body>
    /html>
    

以上就是实训房产网站的HTML代码，通过不同标签的使用，构建出了一个简单的网页。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！