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