作业描述
使用表格实现一个网页,介绍我游戏中的各位英雄
网页代码
使用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>
<h3>永劫无间</h3>
<table border="1"cellspacing="0" cellpadding="10" width="1000" align="center" style="text-align:center ;" cellpadding="20">
<tr>
<th>图片</th>
<th style="width: 100px;">名称</th>
<th>小技能</th>
<th>大招</th>
</tr>
<tr>
<td><a href="https://www.yjwujian.cn"><video src="images/《永劫无间》丨岳山角色CG、实机演示破阵来袭!.mp4" controls width="200px" height="auto" ></video></a></td>
<td>岳山</td>
<td>
<p>F1 陷阵</p>
<p> F2 陷阵·冲锋</p>
F3 陷阵·猛志
</td>
<td><p>V1 千军辟易</p>
<p>V2 千军辟易·天降</p>
V3 千军辟易·固阵
</td>
</tr>
<tr>
<td><a href="https://www.yjwujian.cn"><video src="images/【永劫无间】宁红夜PV.mp4" controls width="200px" height="auto"></video></a></td>
<td>宁红月</td>
<td><p>F1 昆仑决</p>
<p>F2 昆仑决·封</p>
F3 昆仑决·禁疗
</td>
<td><p>V1 赤练无明</p>
<p>V2 赤练无明·封印</p>
V3 赤练无明·无拘
</td>
</tr>
<tr>
<td><a href="https://www.yjwujian.cn"><video src="images/麒麟现世 永劫无间新英雄 · 张起灵CG与实机演示.mp4" controls width="200px" height="auto"></video></a></td>
<td>张启灵</td>
<td><p>拨挡</p>
发丘指·锁喉
</td>
<td><p>麒麟怒</p>
麒麟怒·绝斩</td>
</tr>
</table>
</body>
</html>
展示结果

屏幕截图 2024-12-14 220454.png