我的第一次wbe网站开发作业
本次作业主要求
制作表格并插入图片、音乐、视频,且表格要有合并,此外加入超链接的运用,点击图片跳转到相关的网页,在介绍人物时,用到有序或无序标签......
效果展示
总结感受
使用单个标签时,并不复杂,但要实现丰富的网页,就要使用很多标签,运用起来有稍许难度,但我认为最重要的是对标签的熟识,要在大脑中有存货,这个是关键。
代码展示
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>第一次web作业</title>
</head>
<body>
<h3>某不知名游戏</h3>
<audio src="../music/樱花树下的约定(原版) - 可泽 夏凌兮.mp3 " controls autoplay></audio>
<table border="1" cellpadding="10" cellspacing="0" width="1500">
<thead>
<tr>
<th>类型</th>
<th>样貌</th>
<th>名称</th>
<th>详细信息</th>
<th>视频</th>
</tr>
</thead>
<tr>
<th rowspan="3">单手剑</th>
<th><a href="https://baike.baidu.com/item/%E5%88%BB%E6%99%B4/53443678" target="_blank">
<img src="../images/kq.jpg" width="200px" alt="刻晴"></a></th>
<th>刻晴</th>
<th>
<ul>
<li>璃月七星中的玉衡星,负责管理土地与建设的工作璃月七星中的玉衡星,负责管理土地与建设的工作</li>
<li>刻晴的剑法名为云来剑法 ,其中最为迅捷的一招“天街巡游”,号称可将诸星斩落 </li>
<li>通过攻击投掷出的雷楔能让刻晴进行短距离的位移</li></ul>
</th>
<th><video src="../video/合集_2024-12-14_厨力党专辑/刻晴——『等一刻天晴,等一场雨停』.mp4" width="200px" controls autoplay muted></video></th>
</tr>
<tr>
<th><a href="https://baike.baidu.com/item/%E7%A5%9E%E9%87%8C%E7%BB%AB%E5%8D%8E/23734468" target="_blank"><img src="../images/sllh.webp" width="200px" alt="神里绫华"></a></th>
<th>神里绫华</th>
<th><ul><li>稻妻“社奉行”神里家的大小姐。容姿端丽,品行高洁。</li>
<li>绫华贵为“公主”,平日主理家族内外事宜。</li>
<li>绫华的神之眼能够导出冰属性的元素力。</li>
<li>作为稻妻神里流太刀术皆传,绫华在千般锤磨下练就了精湛的剑术,擅长在冰元素力量的加持下,采取迅捷凌厉的攻势,肃清匪敌</li></ul></th>
<th>您的浏览器不支持</th>
</tr>
<tr>
<th><a href="https://baike.baidu.com/item/%E8%8A%99%E5%AE%81%E5%A8%9C/63096882" target="_blank"><img src="../images/fln.jpg" width="200px" alt="芙宁娜"></a></th>
<th>芙宁娜</th>
<th><ul><li>魔神名芙卡洛斯,“尘世七执政”中的末任水神,众水、众方、众民与众律法的女王</li>
<li>曾以水神之姿高居歌剧院,俯瞰众生相的芙宁娜,如今已经走下舞台,步入尘世。</li></ul>
</th>
<th>您的浏览器不支持</th>
</tr>
<tr>
<th rowspan="3">长柄武器</th>
<th><a href="https://baike.baidu.com/item/%E9%9B%B7%E7%94%B5%E5%B0%86%E5%86%9B/58364716" target="_blank"><img src="../images/ldjj.jpeg" width="200px" alt="雷电将军"></a></th>
<th>雷电将军</th>
<th><ul><li>此世最殊胜威怖的雷霆化身,稻妻幕府的最高主宰。</li>
<li>挟威权之鸣雷,逐永恒之孤道的寂灭者。</li></ul>
</th>
<th>您的浏览器不支持</th>
</tr>
<tr>
<th><a href="https://baike.baidu.com/item/%E7%94%B3%E9%B9%A4/59461186"target="_blank"><img src="../images/sh.webp" width="200px" alt="申鹤"></a></th>
<th>申鹤</th>
<th><ul><li>仙家弟子。过去曾生活在远离璃月港的山野之间,以红绳缚魂,修身养性。气质淡雅如仙人</li>
<li>质出尘,举手投足间像是能看见仙气缭绕。一眼看去,说是世外真仙也毫不为过</li></th></ul>
<th>您的浏览器不支持</th>
</tr>
<tr>
<th><a href="https://baike.baidu.com/item/%E8%83%A1%E6%A1%83/55490178"target="_blank"><img src="../images/ht.jpg" width="200px" alt="胡桃"></a></th>
<th>胡桃</th>
<th><ul><li>璃月港“往生堂”第七十七代堂主,掌控着璃月葬仪事务的重要人物。</li>
<li>尽心尽力地为人们完成送别之仪,维护着世间阴阳平衡之道。</li></th></ul>
<th>您的浏览器不支持</th>
</tr>
<tr>
<th>......</th>
<th>......</th>
<th>......</th>
<th>......</th>
<th>......</th>
</tr>
</table>
</body>
</html>```