首页前端开发HTMLhtml制作一号店的代码

html制作一号店的代码

时间2023-10-22 00:49:03发布访客分类HTML浏览261
导读:HTML是一种用于创建网页的标记语言。一号店的网页也是使用HTML编写的。以下是一段HTML代码,用于制作一号店的网页:<!DOCTYPE html><html><head><title>一号...

HTML是一种用于创建网页的标记语言。一号店的网页也是使用HTML编写的。以下是一段HTML代码,用于制作一号店的网页:

!DOCTYPE html>
    html>
    head>
    title>
    一号店/title>
    /head>
    body>
    !-- 头部 -->
    header>
    div id="logo">
    img src="logo.png" alt="一号店" />
    /div>
    nav>
    ul>
    li>
    a href="#">
    首页/a>
    /li>
    li>
    a href="#">
    产品分类/a>
    /li>
    li>
    a href="#">
    优惠活动/a>
    /li>
    li>
    a href="#">
    我的账户/a>
    /li>
    /ul>
    /nav>
    /header>
    !-- 主体 -->
    div id="main">
    section>
    h1>
    热门推荐/h1>
    div class="product-list">
    ul>
    li>
    a href="#">
    img src="product1.jpg" alt="product1" />
    h2>
    这里是商品标题/h2>
    div class="price">
    ¥88.00/div>
    /a>
    /li>
    li>
    a href="#">
    img src="product2.jpg" alt="product2" />
    h2>
    这里是商品标题/h2>
    div class="price">
    ¥99.00/div>
    /a>
    /li>
    li>
    a href="#">
    img src="product3.jpg" alt="product3" />
    h2>
    这里是商品标题/h2>
    div class="price">
    ¥59.00/div>
    /a>
    /li>
    li>
    a href="#">
    img src="product4.jpg" alt="product4" />
    h2>
    这里是商品标题/h2>
    div class="price">
    ¥79.00/div>
    /a>
    /li>
    /ul>
    /div>
    /section>
    /div>
    !-- 尾部 -->
    footer>
    p>
    ©2021 一号店版权所有/p>
    /footer>
    /body>
    /html>
    

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


若转载请注明出处: html制作一号店的代码
本文地址: https://pptw.com/jishu/505168.html
json如何编辑 json如何添加动图

游客 回复需填写必要信息