使用HTML5和CSS3开发电子商务网站——第二章，课后作业

最新推荐文章于 2023-01-19 14:06:15 发布

qq_41882685

最新推荐文章于 2023-01-19 14:06:15 发布

阅读量899

点赞数

分类专栏：使用HTML5和CSS3开发电子商务网站

本文链接：https://blog.csdn.net/qq_41882685/article/details/80668864

版权

使用HTML5和CSS3开发电子商务网站专栏收录该内容

11 篇文章 0 订阅

订阅专栏

1.制作百度知道页面中的"品牌全知道"板块。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>品牌全知道</title>
</head>
<body>
    <h2><img src="../案列2picture/pin1.jpg"> </h2>
<p>
    <h3>品牌全知道</h3>
</p>
<ul>
    <li><img src="../案列2picture/pin2.jpg"> 理肤泉敏感全知道</li>
    <li><img src="../案列2picture/pin3.jpg"> 薇姿健康肌肤全知道</li>
    <li><img src="../案列2picture/pin4.jpg"> 中兴银行全知道</li>
    <li><img src="../案列2picture/pin5.jpg"> Windows7全知道</li>
    <li><img src="../案列2picture/pin6.jpg"> 海信电视全知道</li>
    <li><img src="../案列2picture/pin7.jpg"> 多美滋全知道</li>
    <li><img src="../案列2picture/pin8.jpg"> 三星手机全知道</li>
</ul>
</body>
</html>

2.使用HTML5的结构元素布局京东商城购物车页面。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>京东商城-商品购买</title>
    <style>
      header{height: 200px; border: solid 1px;}
      section{height: 500px;border: solid 1px;}
      footer{height: 500px;border: solid 1px; }
    </style>
</head>
<body>
<header>
    <img src="../picture/jingd.jpg"width="1000"height="200">
</header>
 
<section>
    <img src="../picture/jing1.png"width="1000"height="500">
</section>
 
<footer>
    <img src="../picture/jing3.png"width="1000"height="500">
</footer>
</body>
</html>