作业分析
本次要使用html标签表格编写如下效果
image
代码实现
<!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>
<style> html,body{width:100%;height:100%;background-image:url("https://bkimg.cdn.bcebos.com/pic/eaf81a4c510fd9f96fd4e9cf282dd42a2934a451")</style>
<h3>穿越火线</h3>
<table border="1"
cellpadding="10"
cellspacing="0"
align="center"
width="800"
background="https://img0.baidu.com/it/u=1807614793,3500606727&fm=253&fmt=auto&app=138&f=JPEG?w=760&h=760"
>
<tr>
<th><b>性别</b></th>
<th><b>姓名 </b></th>
<th><b>图像 </b></th>
<th><b>背景 </b></th>
</tr>
<tr height="200"
bgcolor="grey" >
<th bgcolor="white">男</th>
<th ><img
width="100"
height="auto"
src="https://img1.ali213.net/glpic/2023/11/23/584_2023112391538687.png"></th>
<th><u><b><i>刀锋</i></b></u></th>
<th><b>刀锋拥有西方特工的冷峻外表,酷酷的黑色墨镜,让他显示出FBI特工的特征。时尚的耳钉更是为刀锋战士增加一种迷人的气质。刀锋的适应性很广,不论是双枪还是单手他们都表现不俗。</b></th>
</tr>
<tr height="200"
bgcolor="brown">
<th rowspan="2" bgcolor="white">女</th>
<th><img
width="100"
height="auto"
src="https://img2.baidu.com/it/u=3524942090,2320166480&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=888"></th>
<th><b><u><i>灵狐者</i></u></b></th>
<th><b>澄澈的双眸，利落的短发，婀娜的蛮腰，性感的身材，灵活的思维，敏捷的身手，她们的出现再次给人眼前一亮的感觉。她们几乎没有参与过任何演练，但却能把每个任务都完成得无可挑剔。</b></th>
</tr>
<tr height="200"
bgcolor="pink">
<th><img
width="100"
height="auto"
src="https://bkimg.cdn.bcebos.com/pic/4ec2d5628535e5dde7114c21e595b0efce1b9c16c48b?x-bce-process=image/format,f_auto/quality,Q_70/resize,m_lfit,limit_1,w_536"></th>
<th><b><i><u>晴雅</u></i></b></th>
<th><b>HeartShot女子组晴雅4号成员。外形甜美可爱,技能出众。她拥有多重天赋，能显著提升步枪操作，延长连杀判定，甚至在爆破中化身为未爆手雷的威胁。</b></th>
</tr>
</table>
</body>
</html>
个人总结
学会应用并掌握了html表格标签的各种使用，并且对html有了深刻的了解和运用。让我对html功能有了更深的兴趣，并且在过程中深刻反思自己的不足。
