Web第一次作业

#作业分析

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

#代码实现(使用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 style="background-color:blanchedalmond;">

 < <table border="1" cellpadding="1" cellspacing="0" width="800" align="center">

    <tr bgcolor="blank">

        <th>类型</th>

        <th>图片</th>

        <th>游戏名称</th>

        <th>主人公</th>

        <th>简介</th>

        <th>主角技能</th>

    </tr>

    <tr>

        <td rowspan="2">魂游</td>

        <td><img src="D:\Cloudprogram2024\images\lesson04\1.png" width="200px" height="100px"/></td>

        <td><a href="https://store.steampowered.com/app/374320/DARK_SOULS_III/">黑暗之魂3(DARK SOULS Ⅲ)</a><br>无法访问使用加速器,下同  </br></td>

        <td>灰烬</td>

        <td>什么传火,我灰烬大人就是为了防火女而活的(`へ´≠)</td>

        <td>驴打滚(( ՞ټ՞))</td>

    </tr>

    <tr>

    <td><img src="D:\Cloudprogram2024\images\lesson04\2.jpg" width="200px" height="100px"/> </td>

    <td><a href="https://store.steampowered.com/app/1245620/_/">艾尔登法环(ELDEN RING)</a>   </td>

    <td>褪色者</td>

    <td>我是艾尔登之王♕</td>

    <td>驴打滚(・ω・)</td>

    </tr>

    <tr>

        <td rowspan="2">RPG</td>

        <td><img src="D:\Cloudprogram2024\images\lesson04\3.jpg" width="200px" height="100px"/> </td>

        <td><a href="https://store.steampowered.com/app/601150/Devil_May_Cry_5/">鬼泣5(Devil May Cry 5)</a> </td>

        <td>但丁</td>

        <td>拼尽全力只为了打出帅的操作</td>

        <td>区区208个技能,不细说了(╮(╯_╰)╭)</td>

    </tr>

    <tr>

        <td><img src="D:\Cloudprogram2024\images\lesson04\4.jpg" width="200px" height="100px"/></td>

        <td><a href="https://store.steampowered.com/app/377160/Fallout_4/">辐射4Fallout4</a></td>

        <td>老冰棍</td>

        <td>开局一条狗,装备全靠捡</td>

        <td>废土之王还要解释?</td>

    </tr>

    <tr>

        <td rowspan="2">类魂</td>

        <td><img src="D:\Cloudprogram2024\images\lesson04\0.jpg" width="200px" height="100px"/></td>

        <td><a href="https://store.steampowered.com/app/2358720/_/">黑神话悟空</a> </td>

        <td>天命人(黑吗喽)</td>

        <td>说做顺应天命的天命人?还是打破命运的轮回?</td>

        <td>劈棍戳棍立棍,从花果山抡到火焰山未逢敌手(・ε・)</td>

    </tr>

    <tr>

        <td><img src="D:\Cloudprogram2024\images\lesson04\6.jpg" width="200px" height="100px"/></td>

        <td><a href="https://store.steampowered.com/app/814380/Sekiro_Shadows_Die_Twice__GOTY_Edition/">只狼:影逝二度(Sekiro:Shadows Die Twice)</a> </td>

        <td>狼</td>

        <td>神子的忍者</td>

        <td>完美弹刀加识破,苇名群众爱上我( ՞ټ՞)</td>

    </tr>

    <td rowspan="2">恐怖游戏</td>

    <td><img src="D:\Cloudprogram2024\images\lesson04\7.jpg" width="200px" height="100px"/></td>

    <td><a href="https://store.steampowered.com/app/2050650/Resident_Evil_4/">生化危机4(Resident Evil 4)</a> </td>

    <td>里昂 肯尼迪</td>

    <td>解救总统的女儿</td>

    <td>耐摔王 载具杀手</td>

    <tr>

    <td><img src="D:\Cloudprogram2024\images\lesson04\8.jpg" width="200px" height="100px"/></td>

    <td><a href="https://store.steampowered.com/app/238320/Outlast/">逃生(outlast)</a></td>

    <td>迈尔斯</td>

    <td>找到真相,逃出巨山精神病院!!!</td>

    <td>长跑冠军</td>

    </tr>

</table>  

</body>

</html>

#个人总结

        编写代码要使用英文模式,文本内容输入完毕后要切换回英文模式输入代码,否则不会被识别,总是要忘记(☍﹏⁰。);背景颜色可以使用16进制颜色代码、rgb颜色代码、HSL值和HTML颜色代码等设置,个人而言使用16进制颜色代码和HTML颜色代码最方便和熟练。下一步要加强练习!!!(ง๑ •̀_•́)ง

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值