标签:专业 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>biaogecode
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. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。