叶雨梧桐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
分类
最新文章
最近回复
  • 梦青年: 我的网站下线了,你可以把我的友链去掉了,感谢多年的支持和关注~ 梦青年。
  • 便宜VPS: 已添加贵站链接,我站:https://www.vultrclub.com,站:便宜VPS
  • vultr: 朋友 交换链接吗
  • 罗小黑: py小白看不懂啊! Traceback (most recent call last): ...
  • 罗小黑: 安装出错,下面无法继续 >>> pip install MySQL-python Synt...
  • 一抹阳光: 学习了(ಡωಡ)
  • wu先生: 我来了。
  • 欣欣: 嗷呜 原来树莓派不是吃的
  • 繁华落尽: 我也是碰到了这种问题,求具体解决方案,谢谢
  • aaa365: 128M小内存 npm install -g hexo-cli 的时候直接就被系统kill掉进...
归档