作業(yè)分析
本次要使用table表格表簽編寫(xiě)如下的效果
網(wǎng)頁(yè)展示2.png
代碼實(shí)現(xiàn)
使用html標(biāo)簽代碼實(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>我喜歡的爽文男主</title>
<style>
#t1{
background-color: rgb(74,79,175);
}
#t2{
background-color: rgb(218,207,239);
}
#t3{
background-color: rgb(23,39,55);
}
#a1:hover{
color: red;
}
#a2;:hover{
color: red;
}
#a3:hover{
color: red;
}
</style>
</head>
<body>
<table border="1" width="750" cellpadding="10" cellspacing="0" align="center">
<thead>
<tr bgcolor="lightgrey">
<th>類(lèi)型</th>
<th>圖片</th>
<th>男主名稱</th>
<th>內(nèi)容介紹</th>
<th>技能</th>
</tr>
</thead>
<tr>
<td rowspan="12" bgcolor="lightgrey"><b>玄幻</b></td>
<td rowspan="4" align="center" bgcolor="indigoblue" id="t1"><a id="a1" ><img src="./img/xy.png" width="160" height="199" ></a></td>
<td rowspan="4" width="60" align="center"><i>蕭炎</i></td>
<td rowspan="4" width="300">《斗破蒼穹》主角蕭炎曾為天才，因變故淪為 “廢柴” 且遭退婚。幸得藥塵相助，他踏上逆襲之路，
在迦南學(xué)院等多地歷練，收服異火提升實(shí)力，結(jié)識(shí)摯友紅顏。
家族蒙難后，蕭炎為復(fù)仇與守護(hù)，勇戰(zhàn)各方邪惡勢(shì)力，
一路披荊斬棘，最終榮登斗帝之位，守護(hù)斗氣大陸。</td>
<td rowspan="4" width="100"><u>功法: 焚訣;斗技: 八極崩、吹火掌;地階斗技: 焰分噬浪尺、三千雷動(dòng)等</u> </td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td rowspan="4" align="center" bgcolor="grey" id="t2"><a id="a2" ><img src="./img/ts.png" width="160" height="199"></a></td>
<td rowspan="4" align="center"><i>唐三</i></td>
<td rowspan="4" width="300">《斗羅大陸》講述了唐三穿越到斗羅大陸，在這個(gè)武魂世界中，他和同伴們?cè)谑啡R克學(xué)院修煉。
唐三擁有雙生武魂，憑借著自身的天賦、努力，還有伙伴們的支持，他們一起在魂師大賽中嶄露頭角，歷經(jīng)無(wú)數(shù)艱難險(xiǎn)阻，
對(duì)抗強(qiáng)大的武魂殿，在斗羅大陸書(shū)寫(xiě)傳奇。 </td>
<td rowspan="4" width="100"><u>藍(lán)銀皇魂技:藍(lán)銀真身、藍(lán)銀霸皇槍。昊天錘魂技:定力之破、殺戮結(jié)界等</u></td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td rowspan="4" align="center" id="t3"><a id="a3" ><img src="./img/sh.jpeg" width="160" height="199"></a></td>
<td rowspan="4" align="center"><i>石昊</i></td>
<td rowspan="4" width="300">《完美世界》的故事圍繞石昊展開(kāi)，他生于下界荒域石國(guó)，雖天生至尊骨卻遭族親算計(jì)而被奪。
幸得柳神援手，他踏上逆襲之路。在下界，他戰(zhàn)兇獸、平叛亂，成就人皇之威。
后入上界，在九天十地、異域、仙域等廣袤天地間歷經(jīng)無(wú)數(shù)艱難，于絕境中突破，終成仙帝。</td>
<td rowspan="4" width="100"><u>至尊骨寶術(shù): 輪回寶術(shù)、上蒼之手。十兇寶術(shù): 雷帝寶術(shù)、麒麟寶術(shù)等 </u></td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>
</table>
</body>
</html>
···
#個(gè)人總結(jié)
學(xué)會(huì)這個(gè)代碼呢！要熟練掌握table表格標(biāo)簽和超鏈接標(biāo)簽！
下來(lái)一定要多多練習(xí)哦！