html first try

记录一下自己第一次做的html及学到的语句


任务:用html做一张表格如下图

html first try

 其中学到的语句:

1. 横向合并单元格  <th colspan="4">专业及人数</th>

2.竖向合并单元格  <td rowspan="6">计算机学院</td>

3.单元格内容居中 aligen="center"

4.单元格颜色 bgcolor="red"

5.表格边框 <table border="1">

html first try
 1  <!--一行一行的来-->
 2         <center>
 3             <table border="1">
 4                 <tr>
 5                     <th bgcolor="#01DFD7">学院名</th>
 6                     <th bgcolor="#01DFD7" colspan="4">专业及人数</th>
 7                 </tr>
 8                 <tr>
 9                     <td bgcolor="#04B486" rowspan="6">计算机学院</td>
10                     <td align="center" colspan="4">计算机科学与技术</td>
11                 </tr>
12                 <tr>
13                     <td bgcolor="#FE9A2E">2006级</td>
14                     <td bgcolor="#FE9A2E">2006级</td>
15                     <td bgcolor="#FE9A2E">2006级</td>
16                     <td bgcolor="#FE9A2E">2006级</td>
17                 </tr>
18                 <tr>
19                     <td bgcolor="#58ACFA" align="center">300人</td>
20                     <td bgcolor="#58ACFA" align="center">300人</td>
21                     <td bgcolor="#58ACFA" align="center">300人</td>
22                     <td bgcolor="#58ACFA" align="center">300人</td>
23                 </tr>
24                 <tr>
25                     <td align="center" colspan="4">软件工程专业</td>
26                 </tr>
27                 <tr>
28                     <td bgcolor="#FE9A2E">2006级</td>
29                     <td bgcolor="#FE9A2E">2006级</td>
30                     <td bgcolor="#FE9A2E">2006级</td>
31                     <td bgcolor="#FE9A2E">2006级</td>
32                 </tr>
33                 <tr>
34                     <td bgcolor="#58ACFA" align="center">300人</td>
35                     <td bgcolor="#58ACFA" align="center">300人</td>
36                     <td bgcolor="#58ACFA" align="center">300人</td>
37                     <td bgcolor="#58ACFA" align="center">300人</td>
38                 </tr>
39                 <tr>
40                     <td bgcolor="#04B486" rowspan="3">外语专业</td>
41                     <td align="center" colspan="4">英语专业</td>
42                 </tr>
43                 <tr>
44                     <td bgcolor="#FE9A2E">2006级</td>
45                     <td bgcolor="#FE9A2E">2006级</td>
46                     <td bgcolor="#FE9A2E">2006级</td>
47                     <td bgcolor="#FE9A2E">2006级</td>
48                 </tr>
49                 <tr>
50                     <td bgcolor="#58ACFA" align="center">300人</td>
51                     <td bgcolor="#58ACFA" align="center">300人</td>
52                     <td bgcolor="#58ACFA" align="center">300人</td>
53                     <td bgcolor="#58ACFA" align="center">300人</td>
54                 </tr>
55             </table>
56         </center>biaoge
code

6.换行<br/>;

7.插入链接<a href="http://ww.baidu.com">百度一下 知识+∞</a>

8.插入图片<img src="图片地址"/.>

9.改变字体颜色<p style="color:bule;">蓝色字体</p>

 
上一篇:hdu 2006 求奇数的乘积


下一篇:大学毕业时成都SAP和深圳腾讯的Offer,我是怎么选择的