WEB第一次作业

#作业分析

本次作业要求运用table表格标签并实现效果,结果如下


#代码实现

使用html代码实现

html

<!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>

    <h3>表格数据-完整语法</h3>

<table border="1" cellpadding="10" cellspacing="0" width="1600">

    <thead>

        <tr>

            <th>游戏</th>

            <th>图片</th>

            <th>名称</th>

            <th>技能</th>

        </tr>

        <tr>

            <td rowspan="3">永劫无间</td>

            <td><img src="https://pic.dmjnb.com/pic/00e9b5efbd6bb670ef1be13915fbfa07?imageMogr2/thumbnail/x380/quality/90!"</td>

            <td>岳山</td>

            <td>释放奥义V技能后,所有攻击均为金霸体状态。左右键可打断普攻、蓝霸体蓄力等招式。长按鼠标左键+W可快速奔跑。左键蓄力为裂地斩,右键蓄力为龙摆尾</td>

        </tr>

        <tr>

            <td><img src="https://pic.dmjnb.com/pic/12c0e1db287cef34d795877c80d9b0a0?imageMogr2/thumbnail/x380/quality/90!"</td>

            <td>顾清寒</td>

            <td>将自己裹在寒冰中4秒,抵挡所有打击并回复护甲.释放技能进入寒冰和寒冰消失时都会清除自身减益效果。.除使用跳跃、闪避外,现在也可以使用平、纵击脱离寒冰状态,且寒冰消失时会造成打击击退周围敌人。</td>

        </tr>

        <tr>

            <td><img src="https://media.9game.cn/gamebase/ieu-gdc-pre-process/images/20240201/0/0/6cfb572eb0bd6cd750671773250c0a67.jpg"</td>

            <td>魏青</td>

            <td>玄武护盾,受到僵直效果会自动触发格挡。储备三次。持续时间30秒。消耗100%怒气。不可反怒</td>

        </tr>

    </thead>

#个人总结:学会和了解了table标签和thead的运用,使得所学的html标签代码更接近完善,为以后的网页设计留下基础

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

推荐阅读更多精彩内容

  • #作业分析 本次要使用table表格标签编写以下效果 #代码实现 使用html标签代码实现 ```html <!D...
    满庭雪阅读 44评论 0 0
  • 作业分析 本次要使用table表格标签编写如下的效果 代码实现 使用html标签代码实现'''html<!DOCT...
    雾_83e2阅读 56评论 0 0
  • #作业分析 本次要使用table表格标签编写如下效果 #代码实现 使用html标签代码实现 ...html <!D...
    W_2848阅读 84评论 0 0
  • 作业分析 本次要使用table表格标签编写如下的效果 代码实现 <!DOCTYPE html> 英雄联盟K...
    随缘_b01f阅读 52评论 0 0
  • 作业分析 本次要使用table表格标签编写如下的效果 代码实现 使用html标签代码实现 <!DOCTYPE ht...
    牢弟还得练阅读 45评论 0 1