HTML·第二章综合案例——使用说明书

MortalTom

已于 2024-09-13 23:56:02 修改

阅读量380

点赞数 1

分类专栏： HTML 文章标签： html 前端

于 2024-09-13 23:45:57 首次发布

本文链接：https://blog.csdn.net/m0_68332785/article/details/142236350

版权

HTML 专栏收录该内容

15 篇文章

订阅专栏

结合前面学习的网页制件排版知识，可以利用文字与段落排版、超链接、图像和列表设置。做出以下网页：

案例代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>无线吸尘器说明书</title>
</head>
<body>
    <h1>Dyson V8 absolute 无线吸尘器</h1>
    <hr color="deeppink"/>
    <ul style="font-size:25px">
        <li type="square" style="color:deeppink">商品参数</li>
        <p style="font-size:25px">
            吸尘器类别：手持式吸尘器<br />
            功率：500 W<br/>
            储尘类型：旋风尘盒/尘桶<br />
            吸尘类型：干/湿吸均可<br/>
            适用面积：91m²-150 m²<br/>
            产品特色：除螨，HEPA滤网<br/>
            线长：充电式（无线)<br />
            吸嘴类型：圆毛刷<br/>
            适用环境：厨房，地板，地毯，床铺，汽车，沙发，瓷砖，酒店<br/>
            售后服务：海外进口商品不支持国内联保，无法享受与产地同等售后服务<br/>
            品牌名称：Dyson<br />
            商品名称：Dyson V8 absolute 无线吸尘器<br />
            产地：马来西亚<br />
            商品编号：V8absoluteUS<br/>
        </p>
        <li type="square" style="color:deeppink">商品展示</li>
    </ul>
    <img src="https://img2.baidu.com/it/u=2352358307,3668897717&fm=253&fmt=auto&app=138&f=JPEG?w=444&h=387" title="无线手持吸尘器" alt="无线手持吸尘器" />
    <h2>产品信息</h2>
    <p style="font-size:25px;">
        品牌：Dyson 戴森<br/>
        品名：无线手持吸尘器美版<br />
        型号：V8 Absolute<br />
        吸力：高达115空气瓦特<br/>
        使用时间：普通模式约40分钟、MAX模式约7分钟<br/>
        （电动驱动吸头在非MAX模式下运行约25分钟）<br />
        充电时间：约5小时<br/>
        产品尺寸：长124.4厘米，宽18厘米，高22.4厘米<br/>
        重量：2.61公斤<br />
        容量：0.54升<br/>
        吸头配件：软绒滚筒吸头、升级版直驱吸头、缝隙吸头、电动床褥吸头、二合一吸头、软除尘毛刷<br/>
        产品特点：电力升级、新形式集尘桶、双层放射式气旋、HEPA过滤系统、噪声分贝更小<br/>
    </p>
    <h2>产品特点</h2>
    <img src="https://image.suning.cn/uimg/sop/commodity/111654781189573810694660_x.jpg" width="750" height="450"/>
    <h2>戴森科技，英国品质</h2>
    <p style="font-size:25px;">
        戴森 V8 美版无绳吸尘器高配版, 新的动力设计。<br />
        有助吸除家中四处的过敏原，吸附99.97%小至0.3微米的微尘，<br/>
        运行时间高达40分钟，2款地板吸头及4款配件吸头，清洁空间高达291平米。
    </p>
    <p style="font-size:25px;">
        HEPA 过滤系统<br />
        <img src="https://img01.yzcdn.cn/upload_files/2022/03/16/FqPfhLnVLWm5gSIyRiFW8NMtXlQ_.jpg" align="left" width="350" height="290"/>
        吸附微尘 99.97%小至0.3 微米的微尘, 减少过敏原回流空气中。<br/>
    </p>
    <img src="https://ww4.sinaimg.cn/mw690/00689phBly1hrcufrve7cj30qy0qbtbf.jpg" alt="canbin"/>
    <blockquote style="font-size:25px;">
        官网地址：<a href="https://shop.dyson.cn/">https://shop.dyson.cn/</a>
    </blockquote>
	<p align="center">Copyright &copy;2024 MortalTom</p>
</body>
</html>