[2016-01-14][html][表格相关的标记]

[2016-01-14][html][表格相关的标记]

表格内容

用来声明一个表格,在表格内容 使用

等标记来构造表格
属性信息:
width:表格的宽度 可以是像素,也可以是父级元素的百分比%
heigth:高度
border:表格外边框的宽度
align:表格显示的位置(在窗口的的位置)
left,center,right
cellspacing:单元格之间的间距 单位像素
cellpadding:单元格内容与单元格边框的距离
frame:作用:控制表格边框最外层的四条线框
void(默认值):表示无边框
above:表示仅有顶部边框
belov:表示仅有底部边框
hsides:表示仅有顶部边框和底部边框
lhs:表示仅有左侧边框
rhs:表示仅有右侧边框
vsides:表示仅有左右边框
box:表示全部4个边框
border:包括全部4个边框
rules:作用:控制是否显示以及如何显示单元格之间的分割线
none(默认值):表示无分割线
all:表示包括所有边框
rows:表示仅有行分割线
clos:表示仅有列分割线
group:表示仅行组合列组之间有分割线

标题

表格的标题,必须放在

之后

之前
属性:
align:top标题放在表格的上部
bottom:标题放在表格的下部
left:标题放在表格的左部
right:标题放在表格的右部

标记
一对

标记,定义表格的一行,对每个表格内部嵌套多个

和

都是表格列的标记,区别是th,表头标记,默认粗体
属性:
bgcolor:设置单元格背景颜色
align:设置单元格对齐方式
valign:设置单元格垂直对齐方式
width:设置单元格宽度
height:设置单元格高度
rowspan:设置单元格所占行数
colspac:设置单元格所占的列数
-->

或者

标记表示列
可选属性:
bgcolor:设置背景的颜色
align:设置垂直方向的对齐方式
bottom:顶端对齐
top:底部对齐
middle:居中对齐
valigh:设置水平方向的对齐方式
参数同上.
表格的标记
第一列 第二列 第三列 第四列 第五列
第一行(上面是第0行) 占两行
第二行(看,第0行是粗体)
第三行 占两列 黄色的背景色

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

104

105

106

107

108

<html>

    <head>

        <title>表格相关的标记</title>

        <meta charset="utf-8">

    </head>

    <body>

        <!--

            <table>表格内容</table>

                用来声明一个表格,在表格内容 使用<tr><td><th>等标记来构造表格

                属性信息:

                    width:表格的宽度 可以是像素,也可以是父级元素的百分比%

                    heigth:高度

                    border:表格外边框的宽度

                    align:表格显示的位置(在窗口的的位置) 

                            left,center,right

                    cellspacing:单元格之间的间距 单位像素

                    cellpadding:单元格内容与单元格边框的距离

                    frame:作用:控制表格边框最外层的四条线框

                            void(默认值):表示无边框

                            above:表示仅有顶部边框

                            belov:表示仅有底部边框

                            hsides:表示仅有顶部边框和底部边框

                            lhs:表示仅有左侧边框

                            rhs:表示仅有右侧边框

                            vsides:表示仅有左右边框

                            box:表示全部4个边框

                            border:包括全部4个边框

                    rules:作用:控制是否显示以及如何显示单元格之间的分割线

                            none(默认值):表示无分割线

                            all:表示包括所有边框

                            rows:表示仅有行分割线

                            clos:表示仅有列分割线

                            group:表示仅行组合列组之间有分割线

            

            

            <caption>标题</caption>

                表格的标题,必须放在<table>之后 <tr>之前

                属性:

                    align:top标题放在表格的上部

                    bottom:标题放在表格的下部

                    left:标题放在表格的左部

                    right:标题放在表格的右部

                    

                    

            <tr></tr>标记

                一对<tr></tr>标记,定义表格的一行,对每个表格内部嵌套多个<td>或者<th>标记表示列

                可选属性:

                    bgcolor:设置背景的颜色

                    align:设置垂直方向的对齐方式

                            bottom:顶端对齐

                            top:底部对齐

                            middle:居中对齐

                    valigh:设置水平方向的对齐方式

                            参数同上.                  

                    

                    

            <td></td>和<th></th>    

                都是表格列的标记,区别是th,表头标记,默认粗体

                属性:

                    bgcolor:设置单元格背景颜色

                    align:设置单元格对齐方式

                    valign:设置单元格垂直对齐方式

                    width:设置单元格宽度

                    height:设置单元格高度

                    rowspan:设置单元格所占行数

                    colspac:设置单元格所占的列数             

        -->

        

        

        <table frame="border" rules="all" width = 100% height = 50>

            <caption>表格的标记</caption>

            

            

            <tr>

                <th>第一列</th>

                <th>第二列</th>

                <th>第三列</th>

                <th>第四列</th>

                <th>第五列</th>

            </tr>

            

            

            <tr align = "center">

                <td>第一行(上面是第0行)</td>

                <td rowspan = 2>占两行</td>

                <td></td>

                <td></td>

                <td></td>

            </tr>

            

            

            <tr align = "center">

                <td>第二行(看,第0行是粗体)</td>

                <td></td>

                <td> </td>

                <td> </td>

            </tr>

            

            

            <tr align = "center">

                <td>第三行</td>

                <td colspan = 2>占两列</td>

                <td bgcolor = "yellow">黄色的背景色</td>

                <td> </td>

            </tr>

        </table>

    </body>

</html>

来自为知笔记(Wiz)

时间： 2024-08-09 14:47:57

[2016-01-14][html][表格相关的标记]的相关文章

2016/01/14开始学习git:标签管理：创建标签

标签也是版本库的一个快照指向某个commit的指针(分支可以移动,标签不能移动) 切换到需要打标签的分支上git tag <name>就可以打一个新标签: $ git tag v1.0 git tag查看所有标签: $ git tagv1.0 打之前提交的版本的commit需要当时的commit ID$ git tag v0.9 93ddf60 查看tag$ git tagv0.9v1.0 标签不是按时间顺序列出,而是按字母排序的.可以用git show <tagname>查看标签

2016/01/14开始学习git:标签管理：操作标签

一.删除本地标签 如果标签打错了,也可以删除:git tag -d v0.1 因为创建的标签都只存储在本地,不会自动推送到远程.所以,打错的标签可以在本地安全删除. 二.推送标签如果要推送某个标签到远程,使用命令git push origin <tagname>:git push origin v1.0或者,一次性推送全部尚未推送到远程的本地标签:git push origin --tags 三.删除远程标签如果标签已经推送到远程,要删除远程标签就麻烦一点,先从本地删除:git tag -d

2016/01/14开始学习git:分支管理：多人协作

一.当你从远程仓库克隆时,实际上Git自动把本地的master分支和远程的master分支对应起来了,并且,远程仓库的默认名称是origin. 要查看远程库的信息,用git remote:origingit remote -v显示更详细的信息origin  [email protected]:Jacobwan/learngit.git (fetch)origin  [email protected]:Jacobwan/learngit.git (push) 二.推送分支推送分支,就是把该分支上的

[官方软件] Easy Sysprep v4.3.29.602 【系统封装部署利器】（2016.01.22）--skyfree大神

[官方软件] Easy Sysprep v4.3.29.602 [系统封装部署利器](2016.01.22) Skyfree 发表于 2016-1-22 13:55:55 https://www.itsk.com/forum.php?mod=viewthread&tid=362766&highlight=Easy%2BSysprep [官方软件] Easy Sysprep v4.3.29.602 [系统封装部署利器](2016.01.22) [Easy Sysprep]概述:Easy Sy

2016.01工作日志

2016.01.01 元旦在家,八点醒,开始继续阅读「30日でできる!OS自作入門」.主要目的,加深对os和cpu的理解.另外花些时间又重温王爽的<汇编语言>.今天,最大收获还是感官上体会系统底层:比如往内存xxxx里写入0或者1就可以实现操作系统对xxxx部件的控制.另外,看到了「30日でできる!OS自作入門」中自制操作系统的内存图,就可以知道,内存这种东西,就是操作系统,或者cpu规划的.内存本身是不分段的.内存的哪一段是ram哪一段是bios显卡,改变其地址值就可以实现特定效果. 对于这

2016届毕业生-毕业设计的相关事项

2016届毕业生-毕业设计的相关事项 持续更新,注意通知 通知1:指导开题的通知:(2016-2-15) 2016年2月24日-2016年3月1日,请同学们到学校.届时我在办公室进行就如何开题,进行指导(具体时间,电话联系). 要求1:按时间到学校.集中指导时不能按时出勤的,将按学院相关要求处理. 要求2:认真理解毕业设计课题. 要求3:认真撰写开题报告,准备3分钟答辩和5-7页PPT. 附录1. 开题报告          开题报告作为毕业设计答辩委员会对学生答辩资格审查的依据资料之一,应在指

2016.01.18-2016.01.21盲审通关修改

请以上同学在1月21日(星期四)之前将以下材料交到研究生科: 1.装订好的硕士学位论文3本(注意:封面上作者姓名和指导教师隐去.致谢隐去.硕士学位期间发表的全部的论文作者隐去): 2.普通信封上写明评阅费:200元.邮寄费:22元,并将相应的钱款分别装入以上三个信封(普通信封,一共:200*3+22*3元): 3.从研究生管理信息系统中导出的“论文评阅书”封面上的作者姓名和指导教师姓名隐去:交三份“论文评阅书”和三份“学位论文评阅聘书”. 4.交三份“EMS”信封和一个装有20×3＝60元邮寄费

JEPLUS表格组件 数据标记——JEPLUS软件快速开发平台

JEPLUS表格组件 数据标记 我们在数据统计时需要对某些数据做一些标记,在JEPLUS中给我们提供了实现的快捷方式,我们可以快捷的操作来实现数据的标记,今天我来介绍下如何快速实现数据标记. 一.效果展示 二.实现步骤 1.在JEPLUS中提供一系列的字段类型供我们选择,我们可以选择创建时直接选择创建标记列 2.我们在创建表时也可以直接添加标记列. 3.创建完之后我们刷新就可以实现,当我们需要标记时我们就可以对数据进行标记,选择我们喜欢的颜色. 4.同时我们还可以通过标记来查询数据,这样很方便

LNMP搭建01 -- 编译安装MySQL 5.6.14 和 LNMP相关的区别

[编译安装MySQL 5.6.14] [http://www.cnblogs.com/xiongpq/p/3384681.html ]  [mysql-5.6.14.tar.gz 下载] http://pan.baidu.com/s/1jGIffFo   一:卸载旧版本 使用下面的命令检查是否安装有MySQL,若是初次安装直接跳过. rpm -qa | grep mysql 有的话通过下面的命令来卸载掉 其实很简单,直接删除编译后的安装目录,例如:/usr/local/mysql 即可. rpm