HTML入门学习day02笔记
我们使用的编辑软件是sublime。
1、课程表
今天学习了用html中的制作如下图的所示的表格html初学者课程表
因为是初学,不会用css和js,所以做的比较简单:
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.con {
text-align: center;
}
.con-tab {
margin: 0 auto;
}
</style>
</head>
<body>
<table border="1" cellspacing="0" class="con-tab">
<caption ><font size="6">课 程 表</caption><br><br>
<thead>
<tr>
<th colspan="2"></th>
<th width="100" height="40">星期一</th>
<th width="100">星期二</th>
<th width="100">星期三</th>
<th width="100">星期四</th>
<th width="100">星期五</th>
<th width="100">星期六</th>
<th width="100">星期日</th>
</tr>
</thead>
<tbody>
<tr class="con">
<td rowspan="2" width="100" >上午</td>
<td height="40">9:00-10:30</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="40">11:00-11:30</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr class="con">
<td colspan="9" height="40">中午(11:30-14:00)</td>
</tr>
<tr class="con">
<td rowspan="2" width="100" >下午</td>
<td height="40">14:00-16:30</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="40">17:00-17:30</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr class="con">
<td colspan="9" height="40">休息</td>
</tr>
<tr class="con">
<td height="40" width="100" >晚上</td>
<td>19:30-21:00</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
代码实现的最终效果:
在这里插入图片描述
2、个人简历
在课堂上我们练习了制作课程表,作业是完成以下样式的个人简历:
html初学者个人简历
作业实现代码附下:
</tr>
<tr>
<td height="40" colspan="4" class="left">职业技能<br>1.<br>2.<br><br><br><br><br><br><br><br></td>
</tr>
<tr>
<td height="40" colspan="4" class="left">项目经验</td>
</tr>
<tr>
<td height="40" colspan="2" class="con">智慧校园选课系统</td>
<td colspan="2" class="con">2019年1月~2019年6月</td>
</tr>
<tr>
<td height="40" colspan="4" class="left">项目描述:<br><br><br><br><br></td>
</tr>
<tr>
<td height="40" class="con">预览地址</td>
<td colspan="3"></td>
</tr>
<tr>
<td height="40" class="con">github</td>
<td colspan="3"></td>
</tr>
</tbody>
</table>
</font>
</center>
个人简历 | |||
基本信息 | |||
姓名 | |||
毕业院校 | |||
性别 | 生日 | ||
学历 | 专业 | ||
外语水平 | 联系方式 | ||
籍贯 |
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
代码实现的最终效果:html初学者个人简历
版权声明:本文为CSDN博主「Perryc」的原创文章,遵循CC 4.0 by-sa版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/Perryc/article/details/97832706*