一、直接上源码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>百度百科:育菌</title>
</head>
<body>
<h1>育菌</h1>
<h3>1999年10月27日 中国四川</h3>
<img src="cyj.jpg" width="100" height="150" border="2">
<hr/>
<table border="2" width="600" height="30" cellspacing="1" cellpadding="5">
<th>
<td><strong>1、个人信息</strong></td>
<td><strong>2、学习经历</strong> </td>
<td><strong>3、CSDN博客内容</strong></td>
</th>
<tr >
<td></td>
<td><a href="#个人简介">1、个人简介</a><br><a href="#基本信息">2、基本信息</a></td>
<td><a href="#小学">1、小学</a> <br/><a href="#初中">2、初中</a> <br/><a href="#高中">3、高中</a> <br><a href="#大学"> 4、大学</a></td>
<td><a href="#前端知识总结"> 1、前端知识总结</a><br><a href="#Python学习总结">2、python学习总结</a> <br><a href="#计算机网络安全知识总结">3、计算机网络安全知识总结</a> </td>
</tr>
</table>
<div>
<h3 id="个人简介">个人简介</h3>
<p> <strong> 陈育军</strong>,男,四川省凉山州会理县人,1999年出身于四川西昌,祖籍四川省凉山州会理县,学生,目前就读于四川省成都市<a href="http://www.xhu.edu.cn/" target="blank ">西华大学。</a>
大三,学习专业为信息安全,主要学习课程有:<a href="https://baike.baidu.com/item/%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E8%B7%AF" target="blank">计算机网络</a> ,<a href="https://baike.baidu.com/item/%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C%E5%AE%89%E5%85%A8/6357" terget="blank">计算机网络安全</a> ,<a href="https://baike.baidu.com/item/%E8%AE%A1%E7%AE%97%E6%9C%BA%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F/4963948" target="blank">操作系统</a> ,<a href="https://baike.baidu.com/item/%E8%BD%AF%E4%BB%B6%E5%AE%89%E5%85%A8" target="blank">软件安全</a> ......
</p>
<p> 个人性格开朗阳光,喜欢各类运动,尤爱街车,同样喜欢旅游、摄影,奈何囊中羞涩,都成了梦想。在平时学习生活中勤俭节约、刻苦努力,曾获得过院三好学生两次,参加各类比赛获得荣誉若干。
</p>
<h3 id="基本信息">基本信息</h3>
<label> 中文名:</label> 陈育军
<hr style="border: 1px dashed #ccc; width: 90%;height: 1px;" />
<label> 生日:</label> 10月27日
<hr style="border: 1px dashed #ccc; width: 90%;height: 1px;" />
<label> 星座:</label> <a href="https://baike.baidu.com/item/%E5%A4%A9%E8%9D%8E%E5%BA%A7/2543199?fr=aladdin">天蝎座</a>
<hr style="border: 1px dashed #ccc; width: 90%;height: 1px;" />
<label> 国籍:</label> <a href="https://baike.baidu.com/item/%E4%B8%AD%E5%9B%BD/1122445">中国</a>
<hr style="border: 1px dashed #ccc; width: 90%;height: 1px;" />
</div>
<div>
<h3 id="学习经历 ">学习经历</h3>
<table height="200" cellpadding="2" cellspacing="1" border="2">
<tr>
<td width="=100"><strong>学习阶段</strong> </td>
<td width="200"><strong>就读地点</strong></td>
<td width="200"><strong>就读时间</strong></td>
<td width="200"><strong>其他信息</strong></td>
</tr>
<tr>
<td id="小学">小学</td>
<td>会理县横山乡中中心小学</td>
<td>2006-09-01 ——>2012-06-08</td>
<td>学习成绩一般</td>
</tr>
<tr>
<td id="初中">初中</td>
<td>会理县红旗区第一职业技术中学</td>
<td>2012-09-01 ——>2015-06-08</td>
<td>学习成绩优异</td>
</tr>
<tr>
<td id="高中">高中</td>
<td>会理县城关镇第一中学</td>
<td>2015-09-01 ——>2018-06-08</td>
<td>进步极大</td>
</tr>
<tr>
<td id="大学">大学</td>
<td>成都市金牛区西华大学</td>
<td>2018-09-01 ——>?</td>
<td>知识体系正在开发中</td>
</tr>
</table>
</div>
<div>
<h3>CSDN博客内容</h3>
<label id="前端知识总结"> 前端知识总结:</label> <a href="https://blog.csdn.net/qq_45590334/article/details/111170695" target="blank">初探HTML</a>, <a href="https://blog.csdn.net/qq_45590334/article/details/111192278" target="blank">HTML标签浅谈</a>, <a href="https://blog.csdn.net/qq_45590334/article/details/111151135">初始JavaScript</a>
<hr style="border: 1px dashed #ccc; width: 90%;height: 1px;" />
<label id="Python学习总结"> Python学习总结:</label> <a href="https://blog.csdn.net/qq_45590334/category_10659187.html">更多内容更新中...</a>
<hr style="border: 1px dashed #ccc; width: 90%;height: 1px;" />
<label id="计算机网络安全知识总结"> 计算机网络安全知识总结:</label> <a href="https://blog.csdn.net/qq_45590334/article/details/109826677">消息鉴别与数字签名</a>,<a href="https://blog.csdn.net/qq_45590334/article/details/109862521">身份认证</a>,<a href="https://blog.csdn.net/qq_45590334/category_10659141.html">更多内容更新中...</a>
<hr style="border: 1px dashed #ccc; width: 90%;height: 1px;" />
</div>
</body>
</html>
二、效果截图