HTML快速入门5——不规则表格、表格背景、边框颜色
不规则表格
例子：
<table border=1>
<tr><td>1,1</td><td>1,2</td><td>1,3</td></tr>
<tr><td colspan=2>2,1 2,2</td><td>2,3</td></tr>
</table>
显示：
| 1,1 | 1,2 | 1,3 |
| 2,1 2,2 | 2,3 | |
说明：
colspan是col span，=2意思是该格占两列。随后的<td>就变成第三列了。
例子：
<table border=1>
<tr><td>1,1</td><td rowspan=2>1,2<BR>2,2</td><td>1,3</td></tr>
<tr><td>2,1</td><td>2,3</td></tr>
</table>
显示：
| 1,1 |
1,2 2,2 |
1,3 |
| 2,1 | 2,3 |
说明：
rowspan和colspan完全类似，=2表示该格占两行。
注意第二行第一个td是2,1而第二个td就是2,3了，2,2被第一行的占去了。
然后大家很容易举一反三了，多么不规则的表格都可以画出来了。
不知道大家是如何设想来实现不规则表格的呢？（这是上课的思考题呦）
是不是觉得很奇妙，就这么简单的实现了！？
而且表格同样符合嵌套规则，比如：
<table border=1 width=100%>
<tr><td>
其他文字１
<table border=1 width=80% align=center>
<tr><td>标题一</td><td>标题二</td></tr>
</table>
其他文字２
</td></tr>
<tr><td>其他正文</td></tr>
</table>
显示：
其他文字１
其他文字２ |
||
| 其他正文 |
而且一般来说用表格嵌套更简单些，colspan,rowspan相对复杂一些。
将border=0会隐藏表格线，就可以实现排版了，实际上象新浪网易这些站点的首页都是用表格排版的。
今天内容相对比较少，顺便再把表格的背景颜色讲一下
表格背景、边框颜色
例子：
<table border=1 bgcolor=yellow>
<tr><td>文字</td></tr>
</table>
显示：
| 文字 |
聪明的学生马上又可以举一反三了，table有，那tr呢？td呢？
当然也有！
例子：
<table border=1>
<tr bgcolor=yellow><td>文字１</td><td>文字２</td></tr>
<tr><td bgcolor=red>文字３</td><td bgcolor=blue>文字４</td></td>
</table>
显示：
| 文字１ | 文字２ |
| 文字３ | 文字４ |
爱动脑筋的学生可能已经想过如何改变文字背景颜色的问题了。
实际上在引入style(我们会在比较后面讲述他)之前，
用表格几乎是唯一能改变文字背景颜色的方法。
上面的边框颜色显然不太好。可以改一改。
例子：
<table border=1 bordercolor=red>
<tr><td>文字</td></tr>
</table>
显示：
| 文字 |
练习题
尝试用新学的table属性，并结合以前学的，设计一些你想象中的简单的页面。
思考题
回顾一下已经学过的东西，想想你现在都可以做什么了？
基本的外表设计都讲到了，大家发现没有，直到现在所有学的似乎更象MS WORD的功能，而网上一些特有的东西似乎都没提到。
其实一点都不用奇怪，下一代的WORD很有可能直接用类似HTML的XML来保存文件。你该知道HTML一个重要的用途就是用简单的纯文本来表达复杂的界面。
下一课我们将接触WWW的核心——连接。
似乎今天的内容多了？不让大家交作业，可是学生们该反馈一些信息呀。
比如进度快了慢了？内容深了浅了？有什么感想感触？
我很想知道大家是在硬着头皮学，还是满怀着兴奋和激情？
HTML快速入门5——不规则表格、表格背景、边框颜色相关推荐
- android wps表格如何设置边框颜色
今天,简单讲讲如何使用WPS Excel设置表格边框. 这个可以说可android的关系不大,但是之前工作时,组长让我写一下工作计划要求用表格写.我完成后,组长说要是美观一些就好,于是自己查询了相关资 ...
- 修改el-table表格单元格边框颜色
修改el-table表格单元格边框颜色 第一步:设置除表头单元格边框样式 :cell-style="{borderColor:'#C0C0C0'}" 第二步:设置表头单元格边框样式 ...
- php边框的颜色 怎么设置,网页中table表格如何修改边框颜色
table表格是网页制作中以前较常使用的一种布局方式,但随着DIV+CSS的兴起,table表格已辉煌不在.但它在我们制作网页中也是时有用到.table表格也可以使用DIV一样随意的设置它的边框颜色. ...
- 安卓-表格布局 及 边框颜色设置
卓-表格布局 及 边框 原创 2015年08月19日 19:08:37 1768 [html] view plain copy <LinearLayout xmlns:android=&q ...
- html表格线条颜色怎么改变颜色,网页中table表格如何修改边框颜色
table表格是网页制作中以前较常使用的一种布局方式,但随着DIV+CSS的兴起,table表格已辉煌不在.但它在我们制作网页中也是时有用到.table表格也可以使用DIV一样随意的设置它的边框颜色. ...
- 鼠标指针经过表格时背景变换颜色
当表格中单元格比较多时,可以在用户鼠标指针经过时把当前行添加背景颜色,使表格内容显得清晰和一目了然,更容易阅读.接下来我们使用鼠标指针经过事件onmouseover和鼠标指针离开事件onmouseou ...
- 单数复数php单元格背景颜色,如何自定义分组表视图单元格的背景/边框颜色？...
在iPhone OS 3.0及更高版本中UITableViewCell现在有一个backgroundColor属性,使这非常容易(特别是与[UIColor colorWithPatternImage: ...
- AngularJS快速入门指南09：SQL
我们可以将之前章节中的代码用来从数据库中读取数据. 通过PHP Server从MySQL数据库中获取数据 <div ng-app="myApp" ng-controller= ...
- element UI 修改表格边框颜色
element UI 修改表格边框颜色 由于我只想要改变该页面的表格边框颜色,加上表格类名 /** 改变边框颜色*/.right-content .el-table--border, .el-tabl ...
最新文章
- Forbid consumer 192.168.85.1 access service com.sharearn.dubbo.romote.TestService from registry
- 关键词词云怎么做_制作CVPR 热词云（并爬取pdf地址 名称）
- C#-自动(也叫隐式)类型转换及规则 018
- Django08-1:模型层(ORM)--聚合查询/分组查询/F与Q查询/开启事务/常用字段及参数/自定义字段/数据库查询优化
- 32位mysql安装包_MySQL安装指南（CPT103）
- python中dict函数_dict（）函数以及Python中的示例
- 命令行小白执行第三步时出错，具体情况如下： D:\Documents and Settings\Ow...
- java pgp加密_如何解密PGP加密文件(由两个PGP密钥加密.Key1具有公钥，私钥.Key2只有公钥)通过JAVA API...
- 张孝祥JavaScript视频教程flash版
- echarts官网下载源码文件一直失败，在这里直接复制源码
- 通过计算机和网络进行整个商务贸易活动,电子商务概论
- ubuntu2004 安装protoc
- 可视化——统计图表介绍
- jQuery高级选择器
- 数据库：一条sql语句查询每门课程都大于80分的学生姓名
- 数据集：Udacity Self-Driving 目标检测数据集
- JavaScript(the second day)
- [BZOJ2281][SDOI2011]黑白棋(K-Nim博弈)
- 汇编语言是php吗,汇编程序属于应用软件吗
- 美国西北大学新系统在智力测试中超越75%民众，人类的推理能力也不及AI了？...