1.本次要使用table表格標(biāo)簽編寫如下的效果:

2.代碼實(shí)現(xiàn):
<!DOCTYPE html>
<html lang="en">
<head>
? ? <meta charset="UTF-8">
? ? <meta name="viewport" content="width=device-width, initial-scale=1.0">
? ? <title>League Of Legend</Legend></title>
</head>
<body>
? ? ? ? <table border="1" cellspacing="0" >
? ? ? ? ? <tr>
? ? ? ? ? ? ?<td rowspan="13">我的三板斧</td>
? ? ? ? ? ? ?<td colspan="3">圖片</td>
? ? ? ? ? ? ?<td>英雄名稱</td>
? ? ? ? ? ? ?<td>技能</td>
? ? ? ? ? ? ?<td>背景</td>
? ? ? ? ? ?</tr>
? ? ? ? ? ?<tr>
? ? ? ? ? ? ? <td colspan="3"><img src="D:\QQ and WeChat\xindela.jpg" width="300px" height="auto"></td>
? ? ? ? ? ? ? <td ><b>暗黑元首 辛德拉</b></td>
? ? ? ? ? ? ? <td>被動:卓爾不凡 <br>
? ? ? ? ? ? ? ? Q:暗黑法球 <br>
? ? ? ? ? ? ? ? W:驅(qū)使念力 <br>
? ? ? ? ? ? ? ? E:弱者退散 <br>
? ? ? ? ? ? ? ? R:能量傾瀉 <br> </td>
? ? ? ? ? ? ? ? <td>來自于艾歐尼亞的一名魔法師,控制著令人膽寒的能量,因?yàn)楸撑寻l(fā)誓要消滅一切控制她的人</td>
? ? ? ? ? ?</tr> ?
? ? ? ? ? ?<tr>
? ? ? ? ? ? <td colspan="3" align="center"><img src="D:\QQ and WeChat\zoy.jpg" width="150px" height="auto" ></td>
? ? ? ? ? ? <td ><b>暮光星靈 佐伊</b></td>
? ? ? ? ? ? <td>被動:煙火四射! <br>
? ? ? ? ? ? ? ? ? Q:飛行亂入 <br>
? ? ? ? ? ? ? ? ? W:竊法手套 <br>
? ? ? ? ? ? ? ? ? E:催眠氣泡 <br>
? ? ? ? ? ? ? ? ? R:折返躍遷 <br>
? ? ? ? ? ? ? ? ? <td>來自于巨神峰的宇宙信使,是調(diào)皮搗蛋、異想天開、變化莫測的顯示化身</td>
? ? ? ? ? ? </td>
? ? ? ? ? ?</tr>
? ? ? ? ? ?<td colspan="3"><img src="D:\QQ and WeChat\acali.jpg" width="300px" height="auto"></td>
? ? ? ? ? ?<td ><b>離群之刺 阿卡麗</b></td>
? ? ? ? ? ?<td>被動:我流忍法!潛龍印<br>
? ? ? ? ? ? ? ? ?Q:我流奧義!寒影<br>
? ? ? ? ? ? ? ? ?w:我流奧義!霞陣<br>
? ? ? ? ? ? ? ? ?E:我流奧義!隼舞<br>
? ? ? ? ? ? ? ? ?R:我流秘奧義!表里殺繚亂</td>
? ? ? ? ? ? ? ? ?<td>出身于均衡教派,獨(dú)來獨(dú)往,牢記從“慎”那里學(xué)來的一切,效忠并保護(hù)著艾歐尼亞</td>
? ? ? ? </table>
</body>
</html>
3.個人總結(jié):
此次框架設(shè)計是學(xué)習(xí)前端網(wǎng)頁開發(fā)課程的第一次作業(yè),在構(gòu)思代碼的時候?qū)賹?shí)讓我無所適從,好在經(jīng)過自己的思考完成作業(yè)。雖然只是一個簡簡單單的框架設(shè)計,但我相信無數(shù)個這樣小的技能學(xué)習(xí),終會幫助我完成質(zhì)的飛躍,我會堅(jiān)持學(xué)習(xí)云計算課程。