叶雨梧桐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
分类
最新文章
最近回复
  • 薇洛迪兰: 应该是服务器的问题吧
  • 今日头条: 文章不错非常喜欢
  • 今日头条: 文章不错非常喜欢
  • 码客: 定时任务我直接用cron
  • 鸟叔: 此时此刻鸟叔想吟诗一首:梧桐夜雨涨秋迟……
  • 夏目贵志: 三年了后偶遇这博客了!
  • 钟水洲博客: 拜个早年
  • 鸟叔の窝: 最近一直在关注贵博客,加个友情链接可否?
  • 荆棘鸟: 请教博主 评论自动发邮件怎么弄 我的域名邮箱老是配置不成功咋回事?
  • thornbird: 为何这样麻烦 直接安装LNMP即可
归档