web01作業(yè)
作業(yè)1描述:編寫我的第一個(gè)網(wǎng)頁
網(wǎng)頁代碼
使用VSCode工具編寫代碼,如下:
我的第一個(gè)網(wǎng)站
作業(yè)2描述:編寫我的第二個(gè)網(wǎng)頁
網(wǎng)頁代碼
使用VSCode工具編寫代碼,如下:
<marquee>我的第二個(gè)網(wǎng)站</marquee>
web02作業(yè)
作業(yè)描述:抄寫一首古詩
網(wǎng)頁代碼
使用VSCode工具編寫代碼,如下:
<!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>
<h1>天凈沙秋思</h1>
<p>枯藤老樹昏鴉,小橋流水人家,古道西風(fēng)瘦馬</p>
<p>夕陽西下,斷腸人在天涯</p>
</body>
</html>
web03作業(yè)
作業(yè)描述:網(wǎng)頁中顯示一張圖文并茂的內(nèi)容效果(圖片:李白 古詩:早發(fā)白帝城)
網(wǎng)頁代碼
使用VSCode工具編寫代碼,如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>圖片標(biāo)簽</title>
</head>
<body>
<img
src="https://puui.qpic.cn/vpic_cover/y352337pvi7/y352337pvi7_1689374938_hz.jpg/1280"
width="800px" height="600px"<br/>
<h1>早發(fā)白帝城</h1>
<p>朝辭白帝彩云間,千里江陵一日還</p>
<p>兩岸猿聲啼不住,輕舟已過萬重山</p>
</body>
</html>
web04作業(yè)
作業(yè)描述:用表格標(biāo)簽編寫自己喜歡的游戲英雄或其他影視人物
網(wǎng)頁代碼
使用VSCode工具編寫代碼,如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<table border="1" cellspacing="0">
<tr>
<th>類型</th>
<th>圖片</th>
<th>英雄名稱</th>
<th>被動(dòng)</th>
<th>技能</th>
</tr>
<tr>
<th rowspan="3">刺客</th>
<th><img src=https://tse4-mm.cn.bing.net/th/id/OIP-C.WoTL2GwYaXeE58d6ivVKYgHaMt?w=115&h=180&c=7&r=0&o=5&dpr=1.5&pid=1.7</th>
<th>蘭陵王</th>
<th>秘技極意:蘭陵王朝敵方英雄移動(dòng)增加15~30%移速</th>
<th>秘技分身蘭陵揮砍身邊敵人,造成325+125%物理傷害,同時(shí)召喚出分身隨機(jī)攻擊附近一名敵人,影分身會(huì)造成等量傷害;
秘技影蝕:投擲匕首,對路徑上敵人造成傷害;秘技暗襲:向指定方向沖鋒對路徑上敵人造成傷害</th>
</tr>
<tr>
<th><img src= https://tse1-mm.cn.bing.net/th/id/OIP-C.b92gAWVAc-3486OjejmrxwHaJy?w=116&h=180&c=7&r=0&o=5&dpr=1.5&pid=1.7 </th>
<th>韓信</th>
<th>殺意之槍:第四次普攻強(qiáng)化并擊飛,附帶吸血效果</th>
<th>無情沖鋒:第一段擊飛并造成傷害,第二段傷害;背水一戰(zhàn):向后跳躍并使下次普攻變?yōu)闄M掃;國士無雙:
亂舞四次長槍,造成大量傷害,本身處于霸體狀態(tài)</th>
</tr>
<tr>
<th><img src=https://tse4-mm.cn.bing.net/th/id/OIP-C.9MmePn9_i2b65HgbgzRcAQHaMt?w=115&h=180&c=7&r=0&o=5&dpr=1.5&pid=1.7</th>
<th>李白</th>
<th>俠客行:每普攻或一技能攻擊敵人時(shí)積累一道劍氣,可解鎖大招并有破甲效果</th>
<th>將進(jìn)酒:向指定方向連續(xù)突擊兩次,對路徑敵人造成傷害;神來之筆:化陣造成傷害并有破甲效果;
青蓮劍歌:化為劍氣造成五次傷害
</th>
</tr>
</table>
</body>
</html>

image.png
web05作業(yè)
作業(yè)描述:將表格作業(yè)改進(jìn),圖片上添加鏈接,鏈接到官方網(wǎng)站,同時(shí)英雄技能用ul標(biāo)簽列舉出來
網(wǎng)頁代碼
使用VSCode工具編寫代碼,如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<table border="1" cellspacing="0">
<tr>
<th>類型</th>
<th>圖片</th>
<th>英雄名稱</th>
<th>被動(dòng)</th>
<th>技能</th>
</tr>
<tr>
<th rowspan="3">刺客</th>
<th>
<a target="_blank">
<img src=https://tse4-mm.cn.bing.net/th/id/OIP-C.WoTL2GwYaXeE58d6ivVKYgHaMt?w=115&h=180&c=7&r=0&o=5&dpr=1.5&pid=1.7</th>
<th>蘭陵王</th>
<th>秘技極意:蘭陵王朝敵方英雄移動(dòng)增加15~30%移速</th>
<th>
<ul>秘技分身:蘭陵揮砍身邊敵人,造成325+125%物理傷害,同時(shí)召喚出分身隨機(jī)攻擊附近一名敵人,影分身會(huì)造成等量傷害</ul>
<ul>秘技影蝕:投擲匕首,對路徑上敵人造成傷害秘</ul>
<ul>技暗襲:向指定方向沖鋒對路徑上敵人造成傷害</ul>
</th>
</tr>
<tr>
<th>
<a target="_blank" >
<img src= https://tse1-mm.cn.bing.net/th/id/OIP-C.b92gAWVAc-3486OjejmrxwHaJy?w=116&h=180&c=7&r=0&o=5&dpr=1.5&pid=1.7 </th>
<th>韓信</th>
<th>殺意之槍:第四次普攻強(qiáng)化并擊飛,附帶吸血效果</th>
<th>
<ul>無情沖鋒:第一段擊飛并造成傷害,第二段傷害;</ul>
<ul>背水一戰(zhàn):向后跳躍并使下次普攻變?yōu)闄M掃;</ul>
<ul>國士無雙: 亂舞四次長槍,造成大量傷害,本身處于霸體狀態(tài)</ul>
</th>
</tr>
<tr>
<th>
<a >
<img src=https://tse4-mm.cn.bing.net/th/id/OIP-C.9MmePn9_i2b65HgbgzRcAQHaMt?w=115&h=180&c=7&r=0&o=5&dpr=1.5&pid=1.7</th>
<th>李白</th>
<th>俠客行:每普攻或一技能攻擊敵人時(shí)積累一道劍氣,可解鎖大招并有破甲效果</th>
<th>
<ul>將進(jìn)酒:向指定方向連續(xù)突擊兩次,對路徑敵人造成傷害;</ul>
<ul>神來之筆:化陣造成傷害并有破甲效果;</ul>
<ul>青蓮劍歌:化為劍氣造成五次傷害</ul>
</th>
</tr>
</table>
</body>
</html>
web06
作業(yè)描述:嘗試將表格中圖片,換成視頻;然后表格網(wǎng)頁,添加背景音樂
網(wǎng)頁代碼
使用VSCode工具編寫代碼,如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<table border="1" cellspacing="0">
<tr>
<th>類型</th>
<th>圖片</th>
<th>英雄名稱</th>
<th>被動(dòng)</th>
<th>技能</th>
</tr>
<tr>
<th rowspan="3">刺客</th>
<th>
<a >
<img src=https://tse4-mm.cn.bing.net/th/id/OIP-C.WoTL2GwYaXeE58d6ivVKYgHaMt?w=115&h=180&c=7&r=0&o=5&dpr=1.5&pid=1.7</th>
<th>蘭陵王</th>
<th>秘技極意:蘭陵王朝敵方英雄移動(dòng)增加15~30%移速</th>
<th>秘技分身蘭陵揮砍身邊敵人,造成325+125%物理傷害,同時(shí)召喚出分身隨機(jī)攻擊附近一名敵人,影分身會(huì)造成等量傷害;
秘技影蝕:投擲匕首,對路徑上敵人造成傷害;秘技暗襲:向指定方向沖鋒對路徑上敵人造成傷害</th>
</tr>
<tr>
<th>
<a >
<img src= https://tse1-mm.cn.bing.net/th/id/OIP-C.b92gAWVAc-3486OjejmrxwHaJy?w=116&h=180&c=7&r=0&o=5&dpr=1.5&pid=1.7 </th>
<th>韓信</th>
<th>殺意之槍:第四次普攻強(qiáng)化并擊飛,附帶吸血效果</th>
<th>無情沖鋒:第一段擊飛并造成傷害,第二段傷害;背水一戰(zhàn):向后跳躍并使下次普攻變?yōu)闄M掃;國士無雙:
亂舞四次長槍,造成大量傷害,本身處于霸體狀態(tài)</th>
</tr>
<tr>
<th>
<a >
<img src=https://tse4-mm.cn.bing.net/th/id/OIP-C.9MmePn9_i2b65HgbgzRcAQHaMt?w=115&h=180&c=7&r=0&o=5&dpr=1.5&pid=1.7</th>
<th>李白</th>
<th>俠客行:每普攻或一技能攻擊敵人時(shí)積累一道劍氣,可解鎖大招并有破甲效果</th>
<th>將進(jìn)酒:向指定方向連續(xù)突擊兩次,對路徑敵人造成傷害;神來之筆:化陣造成傷害并有破甲效果;
青蓮劍歌:化為劍氣造成五次傷害
</th>
</tr>
</table>
<audio autoplay="autoplay"loop="loop"height="0"width="0"src="https://www.ihaoge.net/server/1/19340989.mp3"></audio>
</body>
</html>
總結(jié):1.對video,audio的應(yīng)用能力不足;2.對html的標(biāo)簽不夠熟悉,應(yīng)繼續(xù)多練習(xí);