html做小米商城代码

HTML是一种标记语言，用于构建网页和应用程序。小米商城是一个很好的HTML案例，在这个网站上开发者使用了HTML来创建整个网站的页面。下面是小米商城的一些HTML代码:

<!DOCTYPE html>
<html>
    <head>
        <title>小米商城</title>
        <Meta charset="utf-8">
    </head>
    <body>
        <!-- 头部 -->
        <header>
            <nav>
                <ul>
                    <li><a href="#">首页</a></li>
                    <li><a href="#">手机</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">笔记本</a></li>
                    <li><a href="#">家电</a></li>
                    <li><a href="#">路由器</a></li>
                    <li><a href="#">智能硬件</a></li>
                </ul>
            </nav>
        </header>

        <!-- 主体 -->
        <main>
            <div>
                <img src="xiaomi-phone.png">
                <p>小米10 星空蓝 夏之旅 套装</p>
                <p><del>¥3598.00</del> ¥2999.00</p>
                <button>立即购买</button>
            </div>

            <div>
                <img src="xiaomi-tv.png">
                <p>小米全面屏电视E32C</p>
                <p><del>¥1199.00</del> ¥999.00</p>
                <button>立即购买</button>
            </div>

            <div>
                <img src="xiaomi-notebook.png">
                <p>小米笔记本Air 13.3"</p>
                <p><del>¥4999.00</del> ¥4299.00</p>
                <button>立即购买</button>
            </div>
        </main>

        <!-- 底部 -->
        <footer>
            <p>© 2021 小米商城</p>
        </footer>
    </body>
</html>

html做小米商城代码

在这个HTML代码中，<!DOCTYPE>定义了文档类型，<html>标签定义了整个HTML文档，<header>标签定义了网站的头部，<nav>标签用于创建导航面板，<ul>和<li>标签用于创建菜单。<main>标签定义了网站的主体内容，其中的<div>标签用于创建商品的容器，<img>标签用于显示商品图片，<p>标签用于显示商品名称和价格等信息，<button>标签用于创建购买按钮。<footer>标签定义了网站的底部内容。

html做小米商城代码

相关文章