2022-07-09 第九小组 王佳齐 学习笔记
今天是正式学习的第一天，主要熟悉了一下html,下面是我在晚上用学习到的知识在晚自习期间做的小作品
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>首页</title>
</head>
<body>
<table border="1" cellspacing="0" cellpadding="10" bgcolor="#FFFOF5" align="center">
<tr>
<td><a href="HW01.html" target="_blank">首页</a></td>
<td><a href="HW02.html" target="_blank">诗词列表</a></td>
<td><a href="HW03.html" target="_blank">歌曲列表</a></td>
<td><a href="HW04.html" target="_blank">加入我们</a></td>
</tr>
<table cellspacing="0" cellpadding="10" align="left">
<tr>
<td>静夜思</td>
</tr>
<tr>
<td>李白</td>
</tr>
<tr>
<td><a href="HW02.html" target="_blank">查看更多>>>></a></td>
</tr>
</table>
<table cellspacing="0" cellpadding="10" align="right">
<tr>
<td>菊花台</td>
</tr>
<tr>
<td>周杰伦</td>
</tr>
<tr>
<td><a href="HW03.html" target="_blank">查看更多>>>></a></td>
</tr>
</table>
</table>
</body>
</html>
这是第一部分，成品图片如下
虽然很简陋，但这作为小白的我学习了一天后做出来的，很开心
下面是第二个页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>诗词列表</title>
</head>
<body background="img/1a8ed784ba8316b73ed2665c16e56f14.jpeg">
<table cellspacing="0" cellpadding="10" align="left">
<tr>
<td>静夜思</td>
</tr>
</table>
<table cellspacing="0" cellpadding="10" align="right">
<tr>
<td>床前明月光</td>
</tr>
<tr>
<td>疑是地上霜</td>
</tr>
<tr>
<td>举头望明月</td>
</tr>
<tr>
<td>低头思故乡</td>
</tr>
<tr>
<td><a href="HW01.html" target="_blank">返回首页</a></td>
</tr>
</table>
</body>
</html>
这张有漂亮的图片
然后是第三部分
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body background="img/c4aced5b889b6058e621c3b321aa187c.jpeg">
<table border="1" cellspacing="0" cellpadding="10" align="center">
<tr>
<td>菊花台</td>
<td>菊花台<br>周杰伦<br>你的泪光柔弱中带伤
惨白的月弯弯勾住过往
夜太漫长凝结成了霜
是谁在阁楼上冰冷的绝望
雨轻轻弹朱红色的窗
我一生在纸上被风吹乱
梦在远方化成一缕香
随风飘散你的模样
菊花残满地伤
你的笑容已泛黄
花落人断肠
我心事静静躺
北风乱夜未央
你的影子剪不断
徒留我孤单在湖面成双
花已向晚飘落了灿烂
凋谢的世道上命运不堪
愁莫渡江秋心拆两半
怕你上不了岸一辈子摇晃
谁的江山马蹄声狂乱
我一身的戎装呼啸沧桑
天微微亮你轻声地叹
一夜惆怅如此委婉
菊花残满地伤
你的笑容已泛黄
花落人断肠
我心事静静躺
北风乱夜未央
你的影子剪不断
徒留我孤单在湖面成双
菊花残满地伤
你的笑容已泛黄
花落人断肠
我心事静静躺
北风乱夜未央
你的影子剪不断
徒留我孤单在湖面成双<br><a href="misic\obj_w5zDlMODwrDDiGjCn8Ky_13928015408_46bc_c0b0_b9fe_c7a2e1091e3852e3dee6c66736326b59.mp3">播放</td>
</tr>
</table>
<table cellspacing="0" cellpadding="10" align="right">
<tr>
<td><a href="HW01.html" target="_blank">返回首页</a></td>
</tr>
</table>
</body>
</html>
在这一部分我加入了音乐元素，真的可以播放音乐，开心
还有最后一部分，
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=>, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<table cellspacing="0" cellpadding="10" align="center">
<tr>
<td><h1>加入我们</h1></td>
</tr>
</table>
<table>
<tr align="right">
<td>用户名:</td>
<td><input type="text"></td>
</tr>
<tr align="right">
<td>密码:</td>
<td><input type="password"></td>
</tr>
<tr align="right">
<td>确认密码:</td>
<td><input type="password"></td>
</tr>
<tr align="center">
<td colspan="2">
<input type="submit">
<input type="reset">
</td>
</tr>
</table>
<table cellspacing="0" cellpadding="10" align="right">
<tr>
<td><a href="HW01.html" target="_blank">返回首页</a></td>
</tr>
</table>
</body>
</html>
心情：第一天有点难
浙公网安备 33010602011771号