前端——14.用HTML做的小练习

已于 2023-05-15 20:19:51 修改
阅读量221 收藏 1
点赞数 1
分类专栏： 前端 文章标签： html 前端 css html5 学习
于 2023-03-15 21:31:17 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_52096593/article/details/129567384
版权

案例一：

下面用HTML来写一个简单的亚索介绍页面

展示效果：

源代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>疾风剑豪</title>
</head>

<body>

    <h1>疾风剑豪</h1>
    <strong>竞技网游《英雄联盟》中的英雄角色</strong>
    <br /><br />
    相关视频

    <table width="800"  >
        <tr>
            <td>
                <a href="https://haokan.baidu.com/v?pd=wisenatural&vid=15873938380038613505" target="_blank">
                    <img src="https://bkimg.cdn.bcebos.com/pic/a8773912b31bb0514959d59a307adab44aede007?x-bce-process=image/resize,m_lfit,w_440,limit_1" width="350"/>
                </a>
            </td>
            <td>
                <a href="https://m.bilibili.com/video/av543631775" target="_blank">
                    <img src="https://bkimg.cdn.bcebos.com/pic/38dbb6fd5266d0168d66f89a912bd40735fa3500?x-bce-process=image/resize,m_lfit,w_440,limit_1" width="350"/>
                </a>      
            </td>
            <td>
                <a href="https://m.bilibili.com/video/av543631775" target="_blank">
                    <img src="https://bkimg.cdn.bcebos.com/pic/b3119313b07eca800e12f99a962397dda14483bc?x-bce-process=image/resize,m_lfit,w_440,limit_1" width="350"/>
                </a>
            </td>
        </tr>
        <tr align="center">
            <td>
                <a href="https://m.bilibili.com/video/av543631775" target="_blank">技能解说</a>
            </td>
            <td>
                <a href="https://m.bilibili.com/video/av543631775" target="_blank">击杀集锦</a>
            </td>
            <td>
                <a href="https://haokan.baidu.com/v?pd=wisenatural&vid=15873938380038613505" target="_blank">快乐风男</a>
            </td>
        </tr>
    </table>
    <br />

    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;疾风剑豪·亚索，是MOBA竞技网游《英雄联盟》中第117位登场的英雄角色，定位为战士、刺客 </p>
    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;亚索是一位近战爆发AD刺客，双突进的技能设置使得他在中单游刃有余，并且大招在队友的配合下，在团战中能够发挥至关重要的作用</p>

    <h2>目录</h2>
    <ol>
        <li>
            <a href="#1a">角色背景</a>
        </li>
        <li>
            <a href="#2a">能力设定</a>
        </li>
        <li>
            <a href="#3a">玩法分析</a>
        </li>
        <li>
            <a href="#4a">英雄台词</a>
        </li>
    </ol>
    
    <h2 id="1a">角色背景</h2>
    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;亚索是一个百折不屈的艾欧尼亚人，也是一名身手敏捷的御风剑客。这位生性自负的年轻人，被误认为杀害长老的凶手——由于无法证明自己的清白，他出于自卫而杀死了自己的哥哥。虽然长老死亡的真相已然大白，亚索还是无法原谅自己的所作所为。他在家园的土地上流浪，只有疾风指引着他的剑刃</p>
    <p><strong>“死亡如风，常伴吾身。”——亚索</strong></p>
    <img src="https://bkimg.cdn.bcebos.com/pic/cb8065380cd7912397dd0c77097f4e82b2b7d0a22ad6?x-bce-process=image/resize,m_lfit,w_1280,limit_1" width="500" >


    <h2 id="2a">能力设定</h2>
    <strong>百折不屈:</strong><p>亚索在移动的同时会积攒剑意—移动得越快，剑意的获取就越快。当剑意槽被充满时，在受到来自英雄或野怪的伤害的同时，亚索获得一层吸收（100 - 475)伤害（随英雄等级成长）的护盾。</p>
    <strong>向死而生:</strong><p>亚索的暴击几率提升150%，但暴击伤害会降低10%。100%以上的暴击几率，会每1%转化为0.4额外攻击力。这个效果的计算顺序处在所有其它的暴击几率修正效果之后。</p>
    <strong>斩钢闪:</strong><p>向前出剑，造成（20/45/70/95/120 +105%AD）物理伤害。 在命中时，斩钢闪会获得层旋风烈斩效果， 持续6秒。在积攒2层旋风烈斩效果后，斩钢闪会形成一阵能够击飞敌人的旋风。 斩钢闪被视为普通攻击：它可以暴击，附带攻击特效，会被控制效果所中断，并且它的冷却时间和施法时间都会从攻击速度上获得收益。 如果在突进的过程中施放斩钢闪，那么斩钢闪就会呈环状出剑。</p>
    <strong>风之障壁：</strong><p>形成一个持续4秒的气流之墙，来阻挡敌方的飞行道具。</p>
    <strong>踏前斩：</strong><p>向目标敌人突进，造成（60/70/80/90/100 +60%AP +20%额外AD）魔法伤害。每次施法都会使你的下一次突进的基础伤害提升25%，最多提升至50%。 在10秒内无法对相同敌人重复施放。 如果在途径的过程中施放斩钢闪，那么斩钢闪就会呈环状出剑。</p>
    <strong>狂风绝息斩：</strong><p>闪烁到一个浮空的敌方英雄身边，造成（200/350/500 +150%额外AD）物理伤害，并使范围内的所有浮空的敌人在空中多停留1秒。获得满额的剑意值，但会重置旋风 烈斩的层数。 在接下来的15秒里，亚索的暴击会获得50%的额外护甲穿透加成——这个效果能够无视目标的来自装备、增益、符文的护甲值。</p>




    <h2 id="3a">玩法分析</h2>
    <strong>己方使用：</strong>
    <p>你可以将敌方小兵作为踏前斩的跳板，来追杀本已逃掉的敌人；你也可以直接突进到对方英雄身上，并将敌方小兵作为撤退时的跳板。</p>
    <p>在18级时，亚索的斩钢闪只需要从装备中获取55%攻击速度，即可到达攻击速度上限。</p>
    <p>狂风绝息斩可以对着任何被击飞的目标施放，即使这个击飞效果是你的友军造成的。</p>

    <strong>敌方使用：</strong>
    <p>斩钢闪的范围非常狭窄。尽可能靠边，就能躲过这招。</p>
    <p>当亚索的斩钢闪连续命中两次时，他的下次斩钢闪就会形成一道旋风。要观察他的增益栏，并且留心聆听相关音效，做好躲避这招的准备。</p>
    <p>亚索在发出旋风之后最为虚弱，可以趁机逼他交战。</p>

    <strong>英雄优势：</strong>
    <p>进有E技能突进，退有W技能防守;既有控制、又有爆发，可谓输出与防御兼备的刺客。团战收割能力极强，AOE输出也颇为可观。</p>

    <strong>英雄劣势：</strong>
    <p>前期较为弱势，逆风容易酱油。操作难度太高，光是技能的多样组合就足够新手推敲半天。对于团队的要求也非常高，必须要队友创造非常好的输出环境才能发挥亚索的最大作用。</p>

    <h2 id="4a">英雄台词</h2>
    <table align="center" border="1" cellpadding="20" cellspacing="0" width="600">
        <thead>
            <tr>
                <th>中文</th>
                <th>英文</th>
            </tr>
        </thead>

        <tbody>
            <tr align="center">
                <td>死亡如风，常伴吾身</td>
                <td>Death is like the wind; always by my side.</td>
            </tr>
            <tr align="center">
                <td>长路漫漫，唯剑作伴</td>
                <td>A sword's poor company for a long road.</td>
            </tr>
            <tr align="center">
                <td>吾之荣耀，离别已久</td>
                <td>My honor left a long time ago.</td>
            </tr>
            <tr align="center">
                <td>明日安在，无人能允</td>
                <td>No-one is promised tomorrow.</td>
            </tr>
            <tr align="center">
                <td>此剑之势，愈斩愈烈</td>
                <td>This blade never gets any lighter.</td>
            </tr>
        </tbody>
    </table>

</body>

</html>

案例二：

用HTML中的div画一个五环：

代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>五环</title>
    <style>
        .sty1{
            height: 100px; width: 100%; background-color: #ccc; margin-top :10px; 
            box-shadow: 10px 10px 10px #000;
        }
        .sty2{
            transform: rotate(10deg);
        }
        .sty3{
            height: 120px; width: 120px;border-radius: 100%;
        }
    </style>
</head>
<body style="background-color:antiquewhite;">
    <div style="margin-top: 280px; margin-left: 500px;">
        <div class="sty3" style=" background-color: red; float:left"></div>
        <div class="sty3" style=" background-color:chocolate; margin-left: 60px; opacity: 0.8; float: left; "></div>
        <div class="sty3" style=" background-color: aqua; margin-left: 90px; opacity: 0.8; "></div>
        <div class="sty3" style="background-color: black; opacity: 0.8;margin-left: 40px; margin-top: -40px; float: left;"></div>
        <div class="sty3" style="background-color:blueviolet;opacity: 0.8; margin-left: 150px; margin-top: -40px; "></div>
    </div>

</body>
</html>

 案例三：

用HTML中的div写一个菜鸟的首页：

代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>菜鸟页面</title>
    <style>
        .sty1{
            height: 100%; width: 8%; float: left; text-align: center; line-height: 70px; color: #fff; font-size: 18px;
        }
        .sty2{
            float: right;text-align: center;color: #fff; line-height: 40px;margin-right: 30px;
        }
        .sty3{
            height: 50px; width: 100%; margin-top: 10px; text-align: center; line-height: 50px; color:#000 ;font-size: 18px;
        }
    </style>
</head>
<body>
    <div style="height: 70px; width: 100%; background-color: black;">
        <div class="sty1" style="height: 100%; width: 10%; font-size: 25px;"><b>菜鸟工具</b></div>
        <div class="sty1" >菜鸟1号</div>
        <div class="sty1" >菜鸟2号</div>
        <div class="sty1" >菜鸟3号</div>
        <div class="sty1" >菜鸟4号</div>
        <div class="sty1" >菜鸟5号</div>
        <div class="sty1" >菜鸟6号</div>
        <div id="div1" class="sty2" 
             style="height: 40px; width: 70px; border-radius: 6px; margin-top: 15px; background-color: orange; 
                    font-size: 20px;" onmouseover="m1()" onmouseout="m2()" onmousedown="m3" onmouseup="m4()">搜索</div>

        <div style="height: 40px; width: 280px; border-radius: 7px; margin-top: 15px; margin-right: 30px; background-color:#fff; float: right;
                    line-height: 40px; text-align: left; color:#666; " contenteditable ="true">请输入内容
        </div>
    </div>
    <div style="height: 650px; width: 10%; background-color: darkgray; margin-top: 1%; float: left;">
        <div class="sty3 " onmouseover="a1(this)" onmouseout="a2(this)">工具1号</div>
        <div class="sty3"  onmouseover="a1(this)" onmouseout="a2(this)">工具2号</div>
        <div class="sty3"  onmouseover="a1(this)" onmouseout="a2(this)">工具3号</div>
        <div class="sty3"  onmouseover="a1(this)" onmouseout="a2(this)">工具4号</div>
        <div class="sty3"  onmouseover="a1(this)" onmouseout="a2(this)">工具5号</div>
        <div class="sty3"  onmouseover="a1(this)" onmouseout="a2(this)">工具6号</div>
        <div class="sty3"  onmouseover="a1(this)" onmouseout="a2(this)">工具7号</div>
        <div class="sty3"  onmouseover="a1(this)" onmouseout="a2(this)">工具8号</div>
    </div>
    
    <!-- 右边部分 -->
    <div style="height: 650px; width: 89%; background-color:#fff; margin-top: 16px; margin-left: 15px; float: left;">

        <div style="height: 200px; width: 100%; margin-top: 10px;">
            <div style="height: 50px; ">
                <div style="height: 40px; width: 100px; margin-left: 10px; border-radius: 7px;background-color: orange;float: left;text-align: center; line-height: 40px; font-size: 20px;color: #fff;"><b>热门工具</b></div>
                <div style="height: 50px; width: 10px; border-radius: 7px;float: left;text-align: center; line-height: 40px; font-size: 20px;"><b>|</b></div>
                <div style="height: 40px; width: 150px;  border-radius: 7px;background-color:#666;float: left;text-align: center; line-height: 40px; font-size: 20px;color: #fff;"><b>自定义网址</b></div>
            </div>
            <div style="height: 150px; ">
                <div style="height: 75px;">
                    <div style="height: 75px; width: 15%;  margin-left: 70px; text-align: center; line-height: 65px; float: left;">正则表达式在线测试</div>
                    <div style="height: 75px; width: 15%;  text-align: center; line-height: 65px; float: left;">正则表达式在线测试</div>
                    <div style="height: 75px; width: 15%;  text-align: center; line-height: 65px; float: left;">正则表达式在线测试</div>
                    <div style="height: 75px; width: 15%;  text-align: center; line-height: 65px; float: left;">正则表达式在线测试</div>
                    <div style="height: 75px; width: 15%;  text-align: center; line-height: 65px; float: left;">正则表达式在线测试</div>
                    <div style="height: 75px; width: 15%;  text-align: center; line-height: 65px; float: left;">正则表达式在线测试</div>
                </div>
                <div style="height: 75px;">
                    <div style="height: 75px; width: 15%;  margin-left: 70px; text-align: center; line-height: 65px; float: left;">正则表达式在线测试</div>
                    <div style="height: 75px; width: 15%;  text-align: center; line-height: 65px; float: left;">正则表达式在线测试</div>
                    <div style="height: 75px; width: 15%;  text-align: center; line-height: 65px; float: left;">正则表达式在线测试</div>
                    <div style="height: 75px; width: 15%;  text-align: center; line-height: 65px; float: left;">正则表达式在线测试</div>
                    <div style="height: 75px; width: 15%;  text-align: center; line-height: 65px; float: left;">正则表达式在线测试</div>
                    <div style="height: 75px; width: 15%;  text-align: center; line-height: 65px; float: left;">正则表达式在线测试</div>
                </div>
            </div>
        </div>

        <div style="height: 400px; width: 100%; margin-top: 40px;">
            <!-- 下上 -->
            <div style="height: 50px; background-color:antiquewhite;">
                <div style="height: 50px; width: 120px; margin-left: 10px;  text-align: center;line-height: 50px; float: left;font-size: 18px; color: #666;"><b>: : 搜索资源</b></div>
                <div style="height: 50px; width: 10px; margin-left: -8px;  text-align: center;line-height: 50px; float: left;"><b>|</b></div>
                <div style="height: 50px; width: 100px; text-align:left;line-height: 50px; float: left;"><b>更多>></b></div>
            </div>
            <!-- 下中 -->
            <div style="height: 150px; ">
                <div style="height: 50px; width: 100%;text-align: center;line-height: 40px;"><b>Goole</b>&emsp; Bing &emsp;Github&emsp; Stack&emsp; Overflow &emsp;Baidu &emsp;Runoob</div>
                <div style="height: 100px; width: 800px;margin-left: 350px;">
                    <input style="height: 80px; width: 600px;">
                    <div style="height: 80px; width:140px; background-color:gainsboro;border-radius: 10px; float: right; text-align: center; line-height: 80px; font-size: 30px;"><b>搜 索</b></div>
                </div>
            </div>
            <!-- 下下 -->
            <div style="height: 200px; ">
                <div style="height: 95px; ">
                    <div style="height: 95px; width: 10%;  margin-left: 130px; text-align: center; line-height: 85px; float: left; font-size: 23px;">Google</div>
                    <div style="height: 95px; width: 10%;  text-align: center; line-height: 85px; float: left; font-size: 23px;">Google</div>
                    <div style="height: 95px; width: 10%;  text-align: center; line-height: 85px; float: left; font-size: 23px;">Google</div>
                    <div style="height: 95px; width: 10%;  text-align: center; line-height: 85px; float: left; font-size: 23px;">Google</div>
                    <div style="height: 95px; width: 10%;  text-align: center; line-height: 85px; float: left; font-size: 23px;">Google</div>
                    <div style="height: 95px; width: 10%;  text-align: center; line-height: 85px; float: left; font-size: 23px;">Google</div>
                    <div style="height: 95px; width: 10%;  text-align: center; line-height: 85px; float: left; font-size: 23px;">Google</div>
                    <div style="height: 95px; width: 10%;  text-align: center; line-height: 85px; float: left; font-size: 23px;">Google</div>
                </div>
                <div style="height: 95px;  margin-top: 10px;">
                    <div style="height: 95px; width: 10%;  margin-left: 130px; text-align: center; line-height: 85px; float: left; font-size: 23px;">Google</div>
                    <div style="height: 95px; width: 10%;  text-align: center; line-height: 85px; float: left; font-size: 23px;">Google</div>
                    <div style="height: 95px; width: 10%;  text-align: center; line-height: 85px; float: left; font-size: 23px;">Google</div>
                    <div style="height: 95px; width: 10%;  text-align: center; line-height: 85px; float: left; font-size: 23px;">Google</div>
                    <div style="height: 95px; width: 10%;  text-align: center; line-height: 85px; float: left; font-size: 23px;">Google</div>
                    <div style="height: 95px; width: 10%;  text-align: center; line-height: 85px; float: left; font-size: 23px;">Google</div>
                    <div style="height: 95px; width: 10%;  text-align: center; line-height: 85px; float: left; font-size: 23px;">Google</div>
                    <div style="height: 95px; width: 10%;  text-align: center; line-height: 85px; float: left; font-size: 23px;">Google</div>
                </div>
            </div>
        </div>

    </div>
</body>
<script>
    function m1(){document.getElementById("div1").style.backgroundColor = "#fb623c" }
    function m2(){document.getElementById("div1").style.backgroundColor = "orange"}
    function m3(){document.getElementById("div1").style.boxShadow = "0px 0px 5px #fff"}
    function m4(){document.getElementById("div1").style.boxShadow = "0px 0px 0px #2ac"}
    function a1(tt){
        tt.style.backgroundColor = "#fb623c"
        tt.style.color = "#fff"
    }
    function a2(tt){
        tt.style.backgroundColor = "darkgray"
        tt.style.color = "#000"
    }
</script>
</html>

 其实都很简单，但是div的使用要学会。

L纸鸢
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
从零开始学WEB前端——HTML实战练习，web前端技术面试
碧海朝天素
04-11 632
项目 1描述项目 1项目 2描述项目 2。
【前端】学成在线网页项目练习制作
刘佳皓_Leo
10-05 720
学习前端路上的一个练习。
Html入门练习
道亦无名
06-28 2万+
开始学些Html的时候主要进行一些简单的静态网页的处理： 1、HTML 标题 HTML 标题（Heading）是通过 - 等标签进行定义的。 2、HTML 段落 HTML 段落是通过 标签进行定义的。 3、HTML 链接 HTML 链接是通过 标签进行定义的。 4、HTML 图像 HTML 图像是通过 标签进行定义的。 5、HTML 元素 HTML 元素指的是从开始标签
一个简单的网页设计HTML5作业
热门推荐
好好读书
06-26 9万+
简单的html设计作业，初次学习，希望指正！
零基础html学习/刷题-第一期
GUIDM的博客
08-15 617
之前写的html学习的文章都是零零散散的，这次出个整合的专栏，把内容集中起来，做个知识复盘，顺带刷刷题。
HTML、css项目上手练习
雨云21的博客
05-04 7963
根据下边的效果图完成一个完整网页的制作 1、头部的制作： （1）制作#tou外盒子效果； （2）制作#tou1内盒子1效果：包括导航与logo； （3）制作#tou2内盒子效果：包括标题与段落文字； ...
HTML网页练习——努比亚官网.rar
04-26
"HTML网页练习——努比亚官网.rar"这个压缩包文件提供了一个很好的学习平台，特别适合初学者了解和掌握HTML5的基础知识。 首先，HTML（HyperText Markup Language）是一种标记语言，用于描述网页内容和结构。HTML5...
HTML5+CSS3前端小案例——移动端购物支付页面
08-18
在练习HTML和CSS的同学们可以拿去参考，做个小案例练练手。 内容涉及flex布局、公共样式公共类的挑选、多个大盒子与多个小盒子的嵌套（div>li>span、p>span等）、多行内容的排版、字体图标的引入设置、图片的引入和...
前端+three.js+绘制广西地图+练习demo
07-07
本项目是针对前端开发者的，特别是对three.js框架感兴趣的初学者，提供了一个实践性的练习案例——“前端+three.js+绘制广西地图+练习demo”。这个项目旨在帮助学习者掌握如何使用three.js库来创建3D图形，并在网页...
微信小程序——day02.zip
01-11
微信小程序是腾讯公司推出的一种轻量级应用开发平台，它允许开发者通过编写JavaScript、WXML（WeChat Markup ...通过不断地练习和实践，你将能够熟练地运用微信小程序开发框架，创造出属于自己的微信小程序应用。
狂神Java学习笔记————前端入门——html、css、JavaScript学习代码
06-17
【狂神Java学习笔记——前端入门——HTML、CSS、JavaScript学习代码】是针对初学者的一份详实的学习资料，这份笔记记录了跟随B站知名up主“遇见狂神说”的java系列视频中关于前端开发的基础内容。笔记内容不仅与视频...
HTML面试题：50道含答案和代码示例的练习题
三拾的博客
05-31 4869
答案：meta标签用于向浏览器提供网页的元数据，包括网页的描述、关键词和编码等信息。答案：块级元素是独立的元素，会独占一行，并且可以设置宽度、高度、边距和填充等属性。答案：表单中的输入框可以是文本输入框、密码输入框、单选框、复选框、下拉列表框等。行内元素是内联的元素，不会独占一行，并且只能设置字体、颜色、背景等属性。答案：iframe标签用于在网页中嵌入另一个网页，创建一个内嵌框架。答案：属性是HTML标签的特性，用于描述标签的行为和外观。答案：标签是HTML中的元素，用于描述网页的结构和内容。
HTML网页入门练习——导航栏布局设计
m0_53156691的博客
01-28 2万+
导航栏布局 首先进行页面需求分析，如图所示导航栏分为三部分，包括标志、导航、用户按钮。为了使结构看起来明显，我们使用色块表示，确保结构正确之后再往里面填充内容。 具体步骤如下：
【H5】网页入门练习
weixin_44760675的博客
09-23 212
<!DOCTYPE html> <html> <head> <meta cahrset=utf-8""/> <title>入门练习项目</title> </head> <body> <h1>论&nbsp;&nbsp;&nbsp;&nbsp;数&nbsp;&nbsp;&nbsp;学的重要性</h1> <!--
网页设计练习-JavaScript的学习
最新发布
2302_80868896的博客
12-19 1281
JavaScript
HTML / CSS 实践练习
MartinYP的博客
07-13 579
HTML / CSS 实践练习记录博客
html的简单例子练习（6个）
小黄呀呀呀的博客
04-19 6286
1、楚乔传 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <h1>楚乔传</h1> <p>中国大陆 67集（TV版）/58集（DVD版）&l...
HTML 常用标签及练习
weixin_51559599的博客
10-17 767
head中的内容不显示到页面上标签说明定义网页的标题定义网页的基本信息（供搜索引擎）定义CSS样式链接外部CSS文件或脚本文件定义脚本语言定义页面所有链接的基础定位（用得很少）盒模型是HTML 中，重要的一种模型，所有的元素（标签）都可以看做是一个盒子，拥有外边距边框内边距内容。marginborderpaddingcontent居中，相对于父元素居中，是相对的概念。
HTML练习第一周
2301_77543964的博客
11-04 49
今天练习了第三章：如何使用标签html标签对：声明这是一个HTML页面head标签对：title,meta,link,style,script,base可以放进去body标签对运行结果。
基于HTML5的移动电商系统前端的设计与实现.pdf
04-30
"这篇文档是关于基于HTML5的移动电商系统前端设计与实现的详细论述，探讨了HTML5在移动互联网时代的应用，特别是在移动电商领域的重要性。文档提及上海某公司利用微信、QQ等社交平台开展商品团购服务，通过HTML5技术...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

L纸鸢

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值