网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

html中table表格的简介-创新互联

这篇文章主要为大家展示了html中table表格的简介,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带大家一起来研究并学习一下“html中table表格的简介”这篇文章吧。

10年积累的网站设计、成都网站制作经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先做网站后付款的网站建设流程,更有勐腊免费网站建设让你可以放心的选择与我们合作。

html有什么特点

1、简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便,适合初学前端开发者使用。 2、可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。  3、平台无关性:超级文本标记语言能够在广泛的平台上使用,这也是万维网盛行的一个原因。 4、通用性:HTML是网络的通用语言,它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。

什么是表格?表格是由行和列排列而成的一种结构,按照行和列呈现数据,从而进行页面布局。这种布局方式已经过时。建议使用p+css实现页面布局。

如何创建HTML表格:HTML表格由table标签、caption标签以及一个或多个tr、th或td标签组成:

1、table标签用来定义表格,整个表格包含在

标签中;

2、caption标签定义表格标题;

3、tr标签用来定义表格中一个行,它是单元格的容器,每行可以包含有多个单元格,由和标签表示;

4、td标签和th标签用来定义单元格,所有单元格都在tr标签内,每个单元格由一对和标签或一对和标签表示,具体的表格内容放置在这一对td标签或th标签之中,其语法如下:


    
        
        
        …
    
    
        
        
        …
    
    …
表格标题
1行1列的内容1行2列的内容
2行1列的内容2行2列的内容

注:th和td的不同:th默认是以粗体和居中的方式呈现于单元格。

table的一些常用标签属性

1、border标签属性:设定表格边框的宽度(单位:px);border属性会为每个单元格添加边框,并用边框围绕表格;如果 border 属性的值发生改变,那么只有表格周围边框的尺寸会发生变化,表格内部的边框则是1像素宽;建议使用border样式属性设置边框,不要使用border标签属性设置边框,

2、width标签属性:设定表格的宽度,建议使用width样式属性设置表格宽度,不要使用width标签属性设置,该标签属性有多个值:

值 描述 pixels 设置以像素计的宽度(例子:width="50")。 % 设置以包含元素的百分比计的宽度(例子:width="50%")。

3、align标签属性:指定表格相对于周围标签的对齐方式,建议使用float样式属性实现该效果,该标签属性有多个值:

值 描述 left 左对齐表格。 right 右对齐表格。 center 居中对齐表格。

4、bgcolor标签属性:指定表格背景颜色,建议使用background-color样式属性实现该效果,该标签属性有多个值:

值 描述 color_name 规定颜色值为颜色名称的背景颜色(比如 "red")。 hex_number 规定颜色值为十六进制值的背景颜色(比如 "#ff0000")。 rgb_number 规定颜色值为 rgb 代码的背景颜色(比如 "rgb(255,0,0)")。

5、cellpadding标签属性:设定单元格边界与单元格内容之间的间距(单位:px),建议使用padding样式属性实现对其效果

6、cellspacing标签属性:指定单元格之间的间距(单位:px)

以上列出了table标签常用的标签属性,除此之外table标签还有frame、rules和summary三个标签属性,但因为frame和rules在Internet Explorer浏览器中不支持此属性,而summary标签属性不会再浏览器中产生任何视觉效果,所以这三个标签属性忽略不讲。

tr标签属性

1、align标签属性:设置表格行中单元格内容的水平对齐方式,该标签属性有多个值:

left 左对齐内容(默认值)。 right 右对齐内容。 center 居中对齐内容。 justify 对行进行伸展,这样每行都可以有相等的长度(就像在报纸和杂志中)。 char 将内容对准指定字符。注:浏览器不支持该标签属性值

2、bgcolor标签属性:设定表格行的背景颜色,建议使用background-color样式属性实现该效果,该标签属性有多个值:

值 描述 color_name 规定颜色值为颜色名称的背景颜色(比如 "red")。 hex_number 规定颜色值为十六进制值的背景颜色(比如 "#ff0000")。 rgb_number 规定颜色值为 rgb 代码的背景颜色(比如 "rgb(255,0,0)")。

3、valign标签属性:设置表格行中单元格内容的垂直对齐方式,该标签属性有多个值:

值 描述 top 对内容进行上对齐。 middle 对内容进行居中对齐(默认值)。 bottom 对内容进行下对齐。 baseline 与基线对齐。

th和td标签属性

1、align标签属性:设置单元格内容的水平对齐方式,该标签属性有多个值:

值 描述 left 左对齐内容(td标签默认值)。 right 右对齐内容。 center 居中对齐内容(th标签默认值)。 justify 对行进行伸展,这样每行都可以有相等的长度(就像在报纸和杂志中)。 char 将内容对准指定字符。注:浏览器不支持该标签属性值

2、bgcolor标签属性:设定单元格背景颜色,建议使用background-color样式属性实现该效果,该标签属性有多个值:

值 描述 color_name 规定颜色值为颜色名称的背景颜色(比如 "red")。 hex_number 规定颜色值为十六进制值的背景颜色(比如 "#ff0000")。 rgb_number 规定颜色值为 rgb 代码的背景颜色(比如 "rgb(255,0,0)")。

3、valign标签属性:设置单元格内容的垂直对齐方式,该标签属性有多个值:

top 对内容进行上对齐。 middle 对内容进行居中对齐(默认值)。 bottom 对内容进行下对齐。 baseline 与基线对齐。

4、width标签属性与height标签属性:设定单元格的宽度和高度,建议使用width样式属性和height样式属性设置单元格宽度和高度,不要使用width标签属性和height标签属性设置,该标签属性有多个值:

值 描述 pixels 以像素计的宽度或高度值(比如 "100px")。 percent 以包含元素百分比计的宽度或高度值(比如 "20%")。

5、nowrap标签属性:设定单元格的内容是否换行

6、colspan标签属性和rowspan标签属性:分别设定单元格横跨的列数和横跨的行数


以上就是关于“html中table表格的简介”的内容,如果改文章对你有所帮助并觉得写得不错,劳请分享给你的好友一起学习新知识,若想了解更多相关知识内容,请多多关注创新互联行业资讯频道。

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


网站栏目:html中table表格的简介-创新互联
链接URL:http://bjjierui.cn/article/dgddip.html

其他资讯