今天做了第一个网页的个人简介，虽然还有一点问题，也不是很强，但是还是很开心，主要是对表格的应用吧，也不知道用的对不对。就是在图书馆借了一本教科书，看了之后就有点想法，加上老师也讲了一些，就实施起来。虽然有些丑，但是看着这个页面就是很开心，感觉它就是自己的宝贝。能这么被一个自己写的这么简单的小东西开心这么久，看来我以后的路还是很长的，但是时间却不够长，所以我得再快些。就是因为开心得有点小兴奋，所以才写下这第一篇笔记，来记录我的第一个HTML。 这是一个简单的表格形式的自我简介，主要是对表格的一些元素及属性进行应用，然后为试试css，用了一个用css，里面主要用来对字体进行设计。用其他也不错，因为本地用的不多，只是为了试试css。
以下就是源代码：
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title >个人简介</title>
<link href="example.css" rel=stylesheet type="text/css">
</head>
<body>
<table border="1" align="center" cellpadding="0" width="50%" rules="all" >
<tr>
<td align="center" width="100%" colspan="5" bgcolor="#A4D3EE">
<h3>个人简介</h3>
</td>
</tr><br>
<tr><td width="20%" align="center" rowspan="5">照片</td></tr><br>
<tr align="center">
<td width="15%" >姓 名：</td>
<td width="25%">小白菜</td>
<td width="15%">性别：</td>
<td width="25%">猜</td>
</tr>
<tr align="center">
<td width="15%">居住地：</td>
<td width="25%">美丽的地方</td>
<td width="15%">专业：</td>
<td width="25%">睡觉</td>
</tr>
<tr align="center">
<td width="15%">学 历：</td>
<td width="25%">学生</td>
<td width="15%">毕业院校：</td>
<td width="25%">学校</td>
</tr>
<tr align="center">
<td width="15%"> 移动电话：</td>
<td width="25%" >778899651</td>
<td width="15%">电子邮件：</td>
<td width="25%">1652703491@qq.com</td>
</tr>
</table>
<table border="1" align="center" cellpadding="0" width="50%" rules="all" >
<tr>
<td width="100%" colspan="4" bgcolor="#A4D3EE">
<p align="left"><b>[求职意向]</b></td>
</tr>
<tr align=" left">
<td width="17%"> 工作性质</td>
<td width="28%">     实习生</td>
<td width="22%">目标职位</td>
<td width="25%">Java工程师</td>
</tr>
<tr>
<td width="100%" colspan="4" bgcolor="#A4D3EE">
<p align="left"><b>[教育背景]</b></td>
</tr>
<tr align=" left">
<td width="17%">2014/9-2018/6</td>
<td width="28%">学校</td>
<td width="22%">本科</td>
<td width="25%">电动</td>
</tr>
<tr>
<td width="100%" colspan="4" bgcolor="#A4D3EE">
<p align="left"><b>[语言能力]</b></td>
</tr>
<tr align=" left">
<td width="17%"> 英语等级</td>
<td width="28%">CET-4</td>
<td width="22%">熟练程度</td>
<td width="25%">听说良好、读写良好</td>
</tr>
<tr>
<td width="100%" colspan="4" bgcolor="#A4D3EE">
<p align="left"><b>[兴趣爱好]</b></td>
</tr>
<tr>
<td width="100%" colspan="4" >
<p align="left">1. 运动：跑步、羽毛球、散步等。
<p align="left">2. 喜欢看漫画、小说、综艺节目等。
<p align="left">3. 闲暇时爱和喜欢的人出去旅游。
</td>
</tr>
<tr>
<td width="100%" colspan="4" bgcolor="#A4D3EE">
<p align="left"><b>[自我评价]</b></td>
</tr>
<tr>
<td width="100%" colspan="4" >
<p align="left">1. 有较强的独立能力，面对问题不惊慌，冷静思考问题出在哪，一步步找到解决方法。
<p align="left">2. 团结同伴，相处甚欢。
<p align="left">2. 开朗乐观，活泼大咧，思想比较跳脱。
</td>
</tr>
<tr>
<td width="100%" colspan="4" bgcolor="#A4D3EE">
<p align="left"><b>[自我评价]</b></td>
</tr>
<tr>
<td width="100%" colspan="4" >
<p align="left">1. 有较强的独立能力，面对问题不惊慌，冷静思考问题出在哪，一步步找到解决方法。
<p align="left">2. 团结同伴，相处甚欢。
<p align="left">2. 开朗乐观，活泼大咧，思想比较跳脱。
</td>
</tr>
<tr>
<td width="100%" colspan="4" bgcolor="#A4D3EE">
<p align="left"><b>[项目经验]</b></td>
</tr>
<tr>
<td width="100%" colspan="4" >
<p align="left">正在积累中……
</td>
</tr>
<tr>
<td width="100%" colspan="4" bgcolor="#A4D3EE">
<p align="left"><b>[其他能力]</b></td>
</tr>
<tr>
<td width="100%" colspan="4" >正在训练中……
<p align="left">
</td>
</tr>
</table>
</body>
</html>
example.css：
h1{
font-family: 黑体;
font-weight: bold;
font-size: 48
}
h2{
font-family: 宋体;
font-weight: italic;
font-size: 8
}
h3{
font-family: 宋体;
font-weight: italic;
font-size: 36
}
浙公网安备 33010602011771号