叶雨梧桐BLOG

HTML实例---课程表练习

发布时间:2013年10月15日 / 分类:前端笔记 / 吐槽

html的第一个实例和其他语言一样,也是编写hello world。那么简单的叶雨就不再贴出来了。

表格的基本属性

1.表示列 <td></td>
2.表示行 <tr></tr>
3.表示表格边框宽度 border="1" 或者border="10px"

4.居中显示<center></center>
5.横向合并单元格(向右延伸) colspan="n",合并几个n就代表几
6.竖向合并单元格(向下延伸) rowspan="n"
7.单元格内字符居左居右居中 align="left/right/center"
8.表头加粗 <th></th>
9.表格边框颜色bordercolor=" n" n可代表颜色单词,也可代表颜色的进制数

 

实例练习:课程表制作

1.代码

 

<html>
<head>
<title>html表格练习-课程表</title>
</head>
<body>
<center>

<table height="100px">
<tr><td></td></tr>
</table>

<center><font size="4">课程表</font></center>

<table border="3px" width="500px" height="220px" align="center" bordercolor="2DB7E3">
<tr align="center">
<th >项目</th><th>星期一</th><th>星期二</th><th>星期三</th><th>星期四</th><th>星期五</th>
</tr>
<tr align="center">
<td rowspan="2">上午</td><td>VB</td><td>离散</td><td>&nbsp</td><td>网络</td><td>VB</td>
</tr>
<tr align="center">
<td>网络</td><td>英语</td><td>体育</td><td>离散</td><td>离散</td>
</tr>
<tr align="center">
<td colspan="6" height="10px"></td>
</tr>
<tr align="center">
<td rowspan="2">下午</td><td>数据</td><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td>
</tr>
<tr align="center">
<td>&nbsp</td><td>&nbsp</td><td>英语</td><td>数学</td><td>&nbsp</td>
</tr>
</table>

</center>

</body>
</html>


 

2.效果

e1.jpg

 

 

标签:php

版权声明:除特殊注明外,均由叶雨梧桐原创,转载请保留文章出处;
本文链接:http://gt520.com/qdbj/78.html
订阅叶雨梧桐BLOG RSS
分类
最新文章
最近回复
  • 楚狂人博客: 很久没看到博主新文章了,等待
  • 啊啊: 如果对象是隐藏的话还是不行
  • 通古思: PHP是世界上最好的语言!
  • 森七: 想转去ty,收藏了贵站肯定会用到 make
  • 寻芜兮: 博主您好,您写的《Xshell 进行科学上网的正确姿势》中图片已经挂掉了,可以再补档一次吗。
  • 天津网站建设: 感谢博主分享
  • 博客大全: 钻研精神会让你学到更多,加油!
  • 麦麦米: 不错的文章呢
  • 薇洛迪兰: 应该是服务器的问题吧
  • 关于我们: 弱弱的问下博主,接受友情链接吗?
归档