2024-12-14

作业分析

本次要使用table表格标签编写如下的效果:


image.png

个人总结

虽然打字的过程很慢,代码写得很慢,但是能把它完成看到自己写出的网页,心里很满足。

代码实现

使用html标签代码实现

<!doctype html>
<html>
<!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>
    <h3>表格数据-基本语法</h3>
    <table border="1"
    width="1000"
    align="center"
    cellspacing="0"
    cellpadding="10"
    >
        <thead>
            <tr>
                <th>类型</th>
                <th>图片 </images></th>
                <th style="width:100px">英雄名称</th>
                <th>被动</th>
                <th>技能</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td rowspan="3">射手</td>
                <td width="100px"><img style="width:100px;height:100px;"src="https://i0.hdslb.com/bfs/article/21866801cd82d2dff37f6aa09d8025e726430850.png@1192w.avif"></td>
                <td>敖隐</td>
                <td>隐介藏行:每使用一次技能会叠加1层龙魂印记,最多3层,下一次普攻还会消耗所有印记,每次印记额外造成一次伤害;主剑指/副剑指:一/二/三/技能对应火/雨/风元素,最后两次技能使用的对应元素,会附加在主剑指和副剑指上</td>
                <td>薄日掌火、擎天司雨、踏芷驾风、穷乎其间</td>
            </tr>
            <tr>
                <td width="100px"><img style="width:100px;height:100px;"src="https://c-img.18183.com/images/2020/05/19/14f5c00db360c5ad492e3183f9d9594b.jpg@!18183"></td>
                <td>孙尚香</td>
                <td>活力进发:每次普通攻击命中敌人都会减少0.5秒翻浪突袭的冷却时间</td>
                <td>翻滚突袭、红莲爆弹、究极弩炮</td>
            </tr>
            <tr>
                <td width="100px"><img style="width:100px;height:100px;"src="https://pic.87g.com/upload/2021/0408/20210408092458656.jpg"></td>
                <td>狄仁杰</td>
                <td>迅捷:普攻能够获得1层迅捷效果,每层迅捷效果增加3.5~7%攻速与5%移速,最多叠加5层,第三次普攻将会随机使用一张蓝牌或红牌进行攻击</td>
                <td>六令追凶、逃脱、王朝密令</td>
            </tr>
            <tr>
                <td rowspan="2">刺客</td>
                <td width="100px"><img style="width:100px;height:100px;"src="https://b0.bdstatic.com/ca634ea94f8908927f1c57ca343c541b.jpg@h_1280"></td>
                <td>孙悟空</td>
                <td>强化普攻:每次释放技能后,下一次普攻会变为强力敲击,冲锋至目标身旁,造成高额物理伤害。附带位移效果:强化普攻不仅提升伤害,还附带位移效果,增加了孙悟空的机动性和突进能力</td>
                <td>护身咒法,牛战冲锋</td>
            </tr>
            <tr>
                <td width="100px"><img style="width:100px;height:100px;"src="https://img1.baidu.com/it/u=3114744347,690073835&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=1422".></td>
                <td>李白</td>
                <td>使用普通攻击攻击敌人时,会积累1道剑气,持续3秒。积累4道剑气后,李白会进入“侠客行”状态,增加30点物理攻击力并解除大招“青莲剑歌”的封印,持续5秒。</td>
                <td>将进酒,神来之笔,青莲剑歌</td>
            </tr>
        </tbody>
    </table>
</html>
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,287评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,346评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,277评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,132评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,147评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,106评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,019评论 3 417
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,862评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,301评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,521评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,682评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,405评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,996评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,651评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,803评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,674评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,563评论 2 352

推荐阅读更多精彩内容

  • 我的第一次wbe网站开发作业 本次作业主要求 制作表格并插入图片、音乐、视频,且表格要有合并,此外加入超链接的运用...
    寒酆落尘阅读 34评论 0 0
  • 作业描述 使用表格实现第一个网页,介绍游戏中的人物 网页代码 使用VScode工具写代码,如下:
    Faker懂电脑阅读 31评论 0 0
  • 我在三月旗帜这几个月学习编程Python和C语言的体验。 Python 给我的第一感觉就是简洁易懂。它的语法相对简...
    詞_b24c阅读 34评论 0 0
  • 时光如梭,眨眼就快到年底了,新年即将来临,同时也意味着大学的第一学年快要接近尾声了。期末考试的紧张感也已经开始弥漫...
    bc0347717afb阅读 34评论 0 0
  • 从今天开始,你将涅槃重生,逆风翻盘,这局是必胜局,你将会有越来越多的钱,越来越多的财富。你将有无限可能。 从今天开...
    尹小月阅读 32评论 0 0