作业分析
本次要使用table表格标签编写如下的效果:
QQ20241214-001022.png
代码实现:
使用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="0"
width="1250"
align="center"
cellspacing="2"
cellpadding="4"
<tr>
<ul>
<td width="30" rowspan="4" ><li><a href="https://www.zongheng.com/detail/672340"target="_blank">剑来</a></li></td>
<td width="90"><li>姓名</li></td>
<td><li>相貌</li></td>
<td><li>人物设定</li></td>
<td width="200"><li>技能或被动</li></td>
<td width="200"><Li>经典语录</Li></td>
</ul>
</tr>
<tr>
<ul>
<td><li>陈平安</li> </td>
<td><li><video height="300" loop="loop"controls="controls"poster="./images/20240903092028324.jpg.1680.0.jpg"><source src="./images/bilidown检测到重名文件-1389j95d8gb5-【剑来】“红衣陈平安独守城头这时候啥境界了?剑来名场面!”.mp4" type="video/mp4"></li><source></video></li></td>
<td></li>陈平安,出生于三十六小洞天之一的骊珠洞天小镇。家境贫寒,在五岁时遭遇父母双亡的悲痛,陈平安依靠在瓷窑劳动以及为邻居担水送信维持生计。资质平平,先天不足,但凭借不懈的努力和勤奋,最终武道大成</li></td>
<td><li>修习功法:《撼山谱》、《剑气十八停》、《剑术正经》<br>
本命飞剑:笼中雀、井底月 <br> 飞 剑:初一、十五、松针、啖雷、笼中雀、井底月
</li></td>
<td><li>“大千世界,无奇不有。天道崩塌,我陈平安,唯有一剑,可搬山,断江,倒海,降妖,镇魔,敕神,摘星,摧城,开天。”</li></td>
</ul>
</tr>
<tr>
<ul>
<td><li>宁姚</li></td>
<td><li><video height="300" loop="loop"controls="controls"poster="./images/496.avif"><source src= "./images/声声所念来人皆可得.mp4"></li><source></video></li></td>
<td><li>宁姚,剑气长城两大剑仙眷侣之女,在骊珠洞天曾和陈平安一起对敌,教导陈平安拳谱《撼山谱》。和陈平安互相喜欢,在剑气长城表达心意。父母因在与妖族赌斗中战死而受人唾弃。在倒悬山对主角说:“陈平安,我喜欢你,不比你喜欢我少一点点。”现修为飞升境剑修,但曾言:“境界对于宁姚无意义。”
在剑气长城被蛮荒天下破城后,随另一半城池飞升第五座天下,并在第五座天下破境,成为第五座天下第一位玉璞境剑修,得整座天下大道庇护。现已破境成为飞升境剑修,成为第五座天下第一位飞升境修士,现已去找陈平安。</li></td>
<td><li>本命飞剑:斩仙、天真<br>
配 剑:剑仙</li></td>
<td><li>我宁姚的命运,由我自己的剑来书写。</li></td>
</ul>
</tr>
<tr>
<ul>
<td><li>齐静春</li></td>
<td><li><video height="220" loop="loop"controls="controls"poster="images/2024071618014962202.jpg"><source src= "./images/4K ▍你好,齐先生.mp4"></li><source></video></li></td>
<td><li>齐静春,小说《剑来》第一卷的核心人物,为儒家第四圣文圣的亲传弟子,有三个本命字“齐”“静”“春”。被誉为“有望立教称祖的读书人”。浩然天下战役中,与绣虎崔瀺布局引诱贾生(周密)入局一战。骊珠洞天破碎前,齐静春牺牲自己换取小镇几千百姓的性命,最终消逝。</td>
<td><li>境 界:十四境(失传境)、三个本命字
合道三教根基.
</li></td>
<td><li>天下有我齐静春,天下快哉,我亦快哉!</li></td>
</ul>
</tr>
</table>
</body>
</html>
个人总结:
对图片的插入以了解,但是并没有背景音乐,但可以看视频,且有音乐。
对于图片和音乐的编写是相同的,换一下把video换成audio即可。