第一篇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/19340989.mp3"></audio>
</body>
</html>

总结：1.对video,audio的应用能力不足；2.对html的标签不够熟悉，应继续多练习；

人面猴
序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
沈念sama阅读 220,002评论 6赞 509
死咒
序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
沈念sama阅读 93,777评论 3赞 396
救了他两次的神仙让他今天三更去死
文/潘晓璐我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
开封第一讲书人阅读 166,341评论 0赞 357
道士缉凶录：失踪的卖姜人
文/不坏的土叔我叫张陵，是天一观的道长。经常有香客问我，道长，这世上最难降的妖魔是什么？我笑而不...
开封第一讲书人阅读 59,085评论 1赞 295
港岛之恋（遗憾婚礼）
正文为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
茶点故事阅读 68,110评论 6赞 395
恶毒庶女顶嫁案：这布局不是一般人想出来的
文/花漫我一把揭开白布。她就那样静静地躺着，像睡着了一般。火红的嫁衣衬着肌肤如雪。梳的纹丝不乱的头发上，一...
开封第一讲书人阅读 51,868评论 1赞 308
城市分裂传说
那天，我揣着相机与录音，去河边找鬼。笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。我是一名探鬼主播，决...
沈念sama阅读 40,528评论 3赞 420
双鸳鸯连环套：你想象不到人心有多黑
文/苍兰香墨我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
开封第一讲书人阅读 39,422评论 0赞 276
万荣杀人案实录
序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
沈念sama阅读 45,938评论 1赞 319
护林员之死
正文独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋以下内容为张勋视角年9月15日...
茶点故事阅读 38,067评论 3赞 340
白月光启示录
正文我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
茶点故事阅读 40,199评论 1赞 352
活死人
序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
沈念sama阅读 35,877评论 5赞 347
日本核电站爆炸内幕
正文年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
茶点故事阅读 41,540评论 3赞 331
男人毒药：我在死后第九天来索命
文/蒙蒙一、第九天我趴在偏房一处隐蔽的房顶上张望。院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
开封第一讲书人阅读 32,079评论 0赞 23
一桩弑父案，背后竟有这般阴谋
文/苍兰香墨我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。一阵脚步声响...
开封第一讲书人阅读 33,192评论 1赞 272
情欲美人皮
我被黑心中介骗来泰国打工，没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。一个月前我还...
沈念sama阅读 48,514评论 3赞 375
代替公主和亲
正文我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
茶点故事阅读 45,190评论 2赞 357

第一篇WEB文章

web01作业

网页代码

网页代码

web02作业

网页代码

web03作业

网页代码

web04作业

网页代码

web05作业

网页代码

web06

网页代码

推荐阅读更多精彩内容