WEB第一次作業(yè)

作業(yè)分析

本次作業(yè)要使用table表格標簽編寫如下的效果


image.png

代碼實現(xiàn)

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>lesson 04 homework</title>
</head>
<body>
<table border="1"
width="800"
align="center"
cellspacing="0"
cellpadding="0"
>
<tr>
<th colspan="4"bgcolor="green">王者榮耀英雄簡介</th>
</tr>
<tr>
<th width="80">英雄</th>
<th width="80">分路</th>
<th width="100">圖片</th>
<th>經(jīng)典臺詞</th>
</tr>
<tr height="150">
<td>百里守約</td>
<td>射手</td>
<td>
<a href="https://baike.baidu.com/item/%E7%99%BE%E9%87%8C%E5%AE%88%E7%BA%A6/21511500#:~:text=%E6%89%8B%E6%B8%B8%E3%80%8A%E7%8E%8B%E8%80%85%E8%8D%A3%E8%80%80%E3%80%8B%E4%B8%AD%E7%9A%84%E8%8B%B1%E9%9B%84%E8%A7%92%E8%89%B2%E7%99%BE%E9%87%8C%E5%AE%88%E7%BA%A6%EF%BC%8C%E6%98%AF%E8%85%BE%E8%AE%AF%E6%89%8B%E6%B8%B8%E3%80%8A%E7%8E%8B%E8%80%85%E8%8D%A3%E8%80%80%E3%80%8B%E7%9A%84%E4%B8%80%E4%BD%8D%E5%B0%84%E6%89%8B%E5%9E%8B%E8%8B%B1%E9%9B%84%E8%A7%92%E8%89%B2%EF%BC%8C2017%E5%B9%B48%E6%9C%888%E6%97%A5%E4%BA%8E%E6%B8%B8%E6%88%8F%E6%AD%A3%E5%BC%8F%E6%9C%8D%E4%B8%8A%E7%BA%BF"target="blank">
<img src="https://gd-hbimg.huaban.com/97f529f006e82e30157c2f473a4a7d8b880672ad1074d-oX5EqE_fw1200" width="150px"height="auto">
</a>
</td>
<td>
1.無論何時何地,都會遵守約定。

2.關(guān)于取下敵人性命這件事,也從不失約。

3.給我一個目標,還你一片寂靜。

</td>
</tr>
<tr height="150">
<td>韓信</td>
<td>打野</td>
<td>
<a href="https://baike.baidu.com/item/%E9%9F%A9%E4%BF%A1/18781715?fromModule=search-result_lemma"target="blank">
<img src="https://img2.baidu.com/it/u=653835299,3976080085&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=1572" width="150px"height="auto">
</a>
</td>
<td>
1.縱情山河萬里,肆意九州五岳。

2.到達勝利之前,無法回頭。

3.管他世情冷眼,不向此間低眉。

</td>
</tr>
<tr height="150">
<td>馬超</td>
<td>對抗</td>
<td>
<a href="https://baike.baidu.com/item/%E9%A9%AC%E8%B6%85/23243211?fromModule=search-result_lemma"target="blank">
<img src="https://q2.itc.cn/images01/20240202/6b60f9525b9541288352219070738313.jpeg" width="150px"height="auto"></td>
</a>
<td>
1.不必辨認我,認識我的槍吧

2.西涼錦馬超在此,快來共決生死!

3.亂世之中,我來彰顯威名!

</td>
</tr>
<tr height="150">
<td>干將莫邪</td>
<td>法師</td>
<td>
<a href="https://baike.baidu.com/item/%E5%B9%B2%E5%B0%86%E8%8E%AB%E9%82%AA/20596271?fr=ge_ala"target="blank">
<img src="https://pics0.baidu.com/feed/34fae6cd7b899e51aaaa04bdb2d79c3ec9950df4.jpeg?token=9f123d729069d78c8ad428252936c2fb"
width="150px"height="auto" >
</a>
</td>
<td>
1.干將:這一劍,把握有幾成;莫邪:九成。

2.干將:歷史記載勝者;莫邪:并一道埋掉血色。

3.干將:鐵馬金戈;莫邪:青冢陌路。

</td>
</tr>
<tr height="150">
<td>鬼谷子</td>
<td>輔助</td>
<td>
<a href="https://baike.baidu.com/item/%E9%AC%BC%E8%B0%B7%E5%AD%90/20313351?fromModule=search-result_lemma"target="blank">
<img src="https://pic.rmb.bdstatic.com/bjh/240121/a9808379f89e5aa01d25b493bd68fe6a4139.jpeg@h_1280"
width="150px"height="auto" >
</a>
</td>
<td>
1.理解世界,而非享受它。

2.名為世外高人,實乃異類。

3.沉淪的心,依舊為天空和大地跳動。

</td>
</tr>
</table>
</body>
</html>

個人總結(jié)

很不錯

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容