ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

html first try

2020-03-04 18:06:09  阅读:233  来源: 互联网

标签:专业 300 单元格 try 学院 html 2006 first


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


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

 其中学到的语句:

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

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

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

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

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

 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>

 

标签:专业,300,单元格,try,学院,html,2006,first
来源: https://www.cnblogs.com/Sky-Jasmine/p/12410990.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有