HTML & CSS 个人网页设计

大学生期中项目-----个人网页设计。
网页中图片来自于wallhaven网站，部分手绘均为临摹制作。
效果展示

部分代码展示

<div>
			<table id="t_2">
				<tr align="center">
					<td><a href="per_1.html">个人主页</a></td>
					<td><a href="per_2.html">兴趣爱好</a></td>
					<td><a href="per_3.html">图片</a>  </td>
					<td><a href="per_4.html">其他</a></td>
				</tr>
			</table>
			<img src="img/wallhaven-281d5y.png"/ alt="人物头像" width="300px" height="300px" id="m_1">

<div id="aa">
			<table id="t_2">
				<tr align="center">
					<td><a href="per_1.html">个人主页</a></td>
					<td><a href="per_2.html">兴趣爱好</a></td>
					<td><a href="per_3.html">图片</a>  </td>
					<td><a href="per_4.html">其他</a></td>
				</tr>
			</table>
			<img src="./img/wallhaven-5de1y_1.png"/ alt="人物头像" width="400px" height="300px" id="m_1"> 
			<div id="w_1">
				<h2>跑步</h2>
				<p style="font-size: 22px;">&nbsp;&nbsp;&nbsp;&nbsp;很喜欢跑步。<br>
				以前跑步的时候总是气喘吁吁，累得不行，就连体侧1000米都跑不动。<br>
				现在跑步虽然也会气喘吁吁，但是已经不是以前的那个脆弱的自己了。<br>
				每次跑步，虽然也是很累，但是也会在双腿酸疼的时候不断坚持，跑完一圈又一圈，一次又一次，直到结束。</p>
				<h2>编程</h2>
				<p style="font-size: 22px;">
					&nbsp;&nbsp;&nbsp;&nbsp;喜欢编程是一件很偶然的事情，<br>
					在上课的时候老师向我们演示了Web的代码，觉得很有意思。<br>
			
				</p>
			</div>

		<div id="aa">
			<table id="t_2">
				<tr align="center">
					<td><a href="per_1.html">个人主页</a></td>
					<td><a href="per_2.html">兴趣爱好</a></td>
					<td><a href="per_3.html">图片</a>  </td>
					<td><a href="per_4.html">其他</a></td>
				</tr>
			</table>
			<div id="img">
				<ul style="list-style: none;">
					<h2>绘画制作</h2>
					<li><img src="img/01.jpg" alt="动漫图像" width="420px" height="600px"/>
					<img src="img/02.jpg" alt="动漫图像" width="420px" height="600px"/> </li>
					<li><img src="img/03.jpg" alt="动漫图像" width="420px" height="600px"/>
					<img src="img/04.jpg" alt="动漫图像" width="420px" height="600px"/> </li>
				

				</ul>
				<h2>C4D制作</h2>
				<ul id="img_1" style="list-style: none;">
					<li><img src="img/nao.png" alt="闹钟" width="600px" height="450px"></li>
					<br>
					<li><img src="img/ruan.png" alt="软糖" width="600px" height="450px"></li>
					<br>
					<li><img src="img/手柄.png" alt="手柄" width="600px" height="450px"></li>
					<br>
					<li><img src="img/shu.png" alt="薯片" width="600px" height="450px"></li>
				</ul>

			</div>

		</div>