第一篇WEB文章

web01作业

作业1描述：编写我的第一个网页

网页代码

使用VSCode工具编写代码，如下：

我的第一个网站

作业2描述：编写我的第二个网页

网页代码

使用VSCode工具编写代码，如下：

<marquee>我的第二个网站</marquee>

web02作业

作业描述：抄写一首古诗

网页代码

使用VSCode工具编写代码，如下：

<!DOCTYPE html>
<html lang="en">
<head>
           <meta  charset="UTF-8">
           <meta  name="viewport"  content="width=device width，initial-scale=1.0">
           <title>天净沙秋思</title>
</head>
<body>
    <h1>天净沙秋思</h1>
    <p>枯藤老树昏鸦，小桥流水人家，古道西风瘦马</p>
    <p>夕阳西下，断肠人在天涯</p>
</body>
</html>

web03作业

作业描述：网页中显示一张图文并茂的内容效果（图片：李白 古诗：早发白帝城）

网页代码

使用VSCode工具编写代码，如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>图片标签</title>
</head>
<body>
<img
src="https://puui.qpic.cn/vpic_cover/y352337pvi7/y352337pvi7_1689374938_hz.jpg/1280"    
    width="800px" height="600px"<br/>
<h1>早发白帝城</h1>
<p>朝辞白帝彩云间，千里江陵一日还</p>
<p>两岸猿声啼不住，轻舟已过万重山</p>
</body>
</html>

web04作业

作业描述：用表格标签编写自己喜欢的游戏英雄或其他影视人物

网页代码

使用VSCode工具编写代码，如下：

<!DOCTYPE html>
<html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
 <table border="1" cellspacing="0">  
     <tr>
        <th>类型</th>
        <th>图片</th>
        <th>英雄名称</th>
        <th>被动</th>
        <th>技能</th>
     </tr>
     <tr>
       <th rowspan="3">刺客</th>
       <th><img src=https://tse4-mm.cn.bing.net/th/id/OIP-C.WoTL2GwYaXeE58d6ivVKYgHaMt?w=115&h=180&c=7&r=0&o=5&dpr=1.5&pid=1.7</th>
       <th>兰陵王</th>
       <th>秘技极意：兰陵王朝敌方英雄移动增加15~30%移速</th> 
       <th>秘技分身兰陵挥砍身边敌人，造成325+125%物理伤害，同时召唤出分身随机攻击附近一名敌人，影分身会造成等量伤害；
        秘技影蚀：投掷匕首，对路径上敌人造成伤害；秘技暗袭：向指定方向冲锋对路径上敌人造成伤害</th>
        
    </tr>
    <tr>
        
        <th><img src= https://tse1-mm.cn.bing.net/th/id/OIP-C.b92gAWVAc-3486OjejmrxwHaJy?w=116&h=180&c=7&r=0&o=5&dpr=1.5&pid=1.7 </th>
        <th>韩信</th>
        <th>杀意之枪：第四次普攻强化并击飞，附带吸血效果</th> 
        <th>无情冲锋：第一段击飞并造成伤害，第二段伤害；背水一战：向后跳跃并使下次普攻变为横扫；国士无双：
            乱舞四次长枪，造成大量伤害，本身处于霸体状态</th> 
     </tr>
     <tr>
        
        <th><img src=https://tse4-mm.cn.bing.net/th/id/OIP-C.9MmePn9_i2b65HgbgzRcAQHaMt?w=115&h=180&c=7&r=0&o=5&dpr=1.5&pid=1.7</th>
        <th>李白</th>
        <th>侠客行：每普攻或一技能攻击敌人时积累一道剑气，可解锁大招并有破甲效果</th> 
        <th>将进酒：向指定方向连续突击两次，对路径敌人造成伤害；神来之笔：化阵造成伤害并有破甲效果；
            青莲剑歌：化为剑气造成五次伤害
        </th>   
     </tr>
     </table>
</body>
</html>
image.png

web05作业

作业描述：将表格作业改进，图片上添加链接，链接到官方网站，同时英雄技能用ul标签列举出来

网页代码

使用VSCode工具编写代码，如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <table border="1" cellspacing="0">  
        <tr>
           <th>类型</th>
           <th>图片</th>
           <th>英雄名称</th>
           <th>被动</th>
           <th>技能</th>
        </tr>
        <tr>
          <th rowspan="3">刺客</th>
          <th>
            <a href="https://pvp.qq.com/web201605/herodetail/153.shtml" target="_blank">
            <img src=https://tse4-mm.cn.bing.net/th/id/OIP-C.WoTL2GwYaXeE58d6ivVKYgHaMt?w=115&h=180&c=7&r=0&o=5&dpr=1.5&pid=1.7</th>
          <th>兰陵王</th>
          <th>秘技极意：兰陵王朝敌方英雄移动增加15~30%移速</th> 
          <th>
           <ul>秘技分身:兰陵挥砍身边敌人，造成325+125%物理伤害，同时召唤出分身随机攻击附近一名敌人，影分身会造成等量伤害</ul>
           <ul>秘技影蚀：投掷匕首，对路径上敌人造成伤害秘</ul>
           <ul>技暗袭：向指定方向冲锋对路径上敌人造成伤害</ul>
        </th>
              
       </tr>
       <tr>
        <th>
           <a href="https://pvp.qq.com/web201605/herodetail/150.shtml" target="_blank" >
           <img src= https://tse1-mm.cn.bing.net/th/id/OIP-C.b92gAWVAc-3486OjejmrxwHaJy?w=116&h=180&c=7&r=0&o=5&dpr=1.5&pid=1.7 </th>
           <th>韩信</th>
           <th>杀意之枪：第四次普攻强化并击飞，附带吸血效果</th> 
           <th>
            <ul>无情冲锋：第一段击飞并造成伤害，第二段伤害；</ul>
            <ul>背水一战：向后跳跃并使下次普攻变为横扫；</ul>
            <ul>国士无双： 乱舞四次长枪，造成大量伤害，本身处于霸体状态</ul>
        </th>   
        </tr>
        <tr>
            <th>
            <a href="https://pvp.qq.com/web201605/herodetail/131.shtml"target="_blank">
           <img src=https://tse4-mm.cn.bing.net/th/id/OIP-C.9MmePn9_i2b65HgbgzRcAQHaMt?w=115&h=180&c=7&r=0&o=5&dpr=1.5&pid=1.7</th>
           <th>李白</th>
           <th>侠客行：每普攻或一技能攻击敌人时积累一道剑气，可解锁大招并有破甲效果</th> 
           <th>
            <ul>将进酒：向指定方向连续突击两次，对路径敌人造成伤害；</ul>
            <ul>神来之笔：化阵造成伤害并有破甲效果；</ul>
            <ul>青莲剑歌：化为剑气造成五次伤害</ul>
           </th>    
        </tr>
        </table>
</body>
</html>

web06

作业描述：尝试将表格中图片，换成视频；然后表格网页，添加背景音乐

网页代码

使用VSCode工具编写代码，如下：

<!DOCTYPE html>
<html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
 <table border="1" cellspacing="0">  
     <tr>
        <th>类型</th>
        <th>图片</th>
        <th>英雄名称</th>
        <th>被动</th>
        <th>技能</th>
     </tr>
     <tr>
       <th rowspan="3">刺客</th>
       <th>
       <a href="https://www.kuaishou.com/short-video/3xp2gjv5mjysbvm?authorId=3xc78jg79i2chry&streamSource=search&area=searchxxnull&searchKey=%E7%8E%8B%E8%80%85%E8%8D%A3%E8%80%80%E5%85%B0%E9%99%B5%E7%8E%8B%E8%B6%85%E7%84%B6%E8%A7%86%E9%A2%91">
       <img src=https://tse4-mm.cn.bing.net/th/id/OIP-C.WoTL2GwYaXeE58d6ivVKYgHaMt?w=115&h=180&c=7&r=0&o=5&dpr=1.5&pid=1.7</th>
       <th>兰陵王</th>
       <th>秘技极意：兰陵王朝敌方英雄移动增加15~30%移速</th> 
       <th>秘技分身兰陵挥砍身边敌人，造成325+125%物理伤害，同时召唤出分身随机攻击附近一名敌人，影分身会造成等量伤害；
        秘技影蚀：投掷匕首，对路径上敌人造成伤害；秘技暗袭：向指定方向冲锋对路径上敌人造成伤害</th>
        
    </tr>
    <tr>
        <th>
        <a href="https://www.kuaishou.com/short-video/3xdrtmi3damg2ae?authorId=3xpmtivcw5j4jki&streamSource=search&area=searchxxnull&searchKey=%E7%8E%8B%E8%80%85%E8%8D%A3%E8%80%80%E9%9F%A9%E4%BF%A1%E8%B6%85%E7%84%B6%E8%A7%86%E9%A2%91">
        <img src= https://tse1-mm.cn.bing.net/th/id/OIP-C.b92gAWVAc-3486OjejmrxwHaJy?w=116&h=180&c=7&r=0&o=5&dpr=1.5&pid=1.7 </th>
        <th>韩信</th>
        <th>杀意之枪：第四次普攻强化并击飞，附带吸血效果</th> 
        <th>无情冲锋：第一段击飞并造成伤害，第二段伤害；背水一战：向后跳跃并使下次普攻变为横扫；国士无双：
            乱舞四次长枪，造成大量伤害，本身处于霸体状态</th> 
     </tr>
     <tr>
        <th>
        <a href="https://www.kuaishou.com/short-video/3xrks7ib68vggny?authorId=3xc2m9q9mb2hvtc&streamSource=search&area=searchxxnull&searchKey=%E7%8E%8B%E8%80%85%E8%8D%A3%E8%80%80%E6%9D%8E%E7%99%BD%E8%B6%85%E7%84%B6%E8%A7%86%E9%A2%91">
        <img src=https://tse4-mm.cn.bing.net/th/id/OIP-C.9MmePn9_i2b65HgbgzRcAQHaMt?w=115&h=180&c=7&r=0&o=5&dpr=1.5&pid=1.7</th>
        <th>李白</th>
        <th>侠客行：每普攻或一技能攻击敌人时积累一道剑气，可解锁大招并有破甲效果</th> 
        <th>将进酒：向指定方向连续突击两次，对路径敌人造成伤害；神来之笔：化阵造成伤害并有破甲效果；
            青莲剑歌：化为剑气造成五次伤害
        </th>   
     </tr>
     </table>
     <audio autoplay="autoplay"loop="loop"height="0"width="0"src="https://www.ihaoge.net/server/1/97632579.mp3"></audio>
</body>
</html>

总结：对video,audio的应用不足

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • WEB第一次作业
    作业描述 使用表格实现一个网页，介绍我游戏中的各位英雄 网页代码 使用VSCode工具编写代码，如下：
    马靖冉阅读 61评论 0赞 0
  • Web第一次作业
    作业描述 使用表格实现一个网页，介绍无畏契约里面的英雄 网页代码 使用VScode工具编写代码如下
    cilantro阅读 53评论 0赞 0
  • web第一次作业
    作业描述 使用表格实现一个网页，介绍我游戏中的各位角色 效果预览： 网页代码使用VSCode工具编写代码，如下：
    猫尔_5c99阅读 54评论 0赞 0
  • WEB 第一次作业
    作业描述 使用表格实现一个网页，介绍我游戏中的各种角色 网页代码 使用VSCode工具编写代码，如下：···htm...
    胡双双阅读 90评论 0赞 1
  • WEB第一次作业
    作业描述 使用表格实现一个网页，介绍我的游戏英雄 网页代码 使用vsCode工具编写代码：
    徐柏川阅读 40评论 0赞 1