HTML中表格的知识点示例

这篇“HTML中表格的知识点示例”文章，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要参考一下，对于“HTML中表格的知识点示例”，小编整理了以下知识点，请大家跟着小编的步伐一步一步的慢慢理解，接下来就让我们进入主题吧。

成都地区优秀IDC服务器托管提供商(创新互联).为客户提供专业的德阳电信服务器托管,四川各地服务器托管,德阳电信服务器托管、多线服务器托管.托管咨询专线：13518219792

html有什么特点

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

制作网页时，要合理规划网页布局。比如，在网页中添加一个表格，可分为上、中、下三部分，上部存放网页标题或LOGO图片，中间部分是整个网页的主体内容，底部就是相关制作信息。此外，单元格里还可再添加单元格，将内容分类别、分层次合理规划。

表格标签--table

是一个双标签。一个表格中包含

、、

表格边框--border

默认情况下，表格不显示边框。为了更好的区分内容，可以设置表格边框宽度大小，

表格内文字与边框的距离--cellpadding

默认情况下，文字紧贴边框。通过cellpadding可以调整文字与边框之间的距离

表格中单元格之间的距离--cellspacing

表格中单元格之间的距离也可以变化。

单元格背景图像--background




    
    小白


默认情况下的表格

三个基本元素。首标签和尾标签

表示一个表格的开始和结束。'tr=table row'用于表示一行的开始和结束,'td=table data'用来表示行中个单元格的开始和结束。


    
    
    
    
...

单元格内容 单元格内容

单元格内容 单元格内容

表格的标题--caption

有一种特殊的单元格叫做标题单元格，位于表格的第一行，标题单元格是没有边框的，默认居中显示。

表格的标题亚洲

中国

北京

1949年10月1日

缅甸

内比都

1948年1月4日

设置属性后的表格

亚洲中国北京 1949年10月1日缅甸内比都 1948年1月4日

HTML中表格的知识点示例

行合并属性--rowspan

在制作一些复杂的表格时，需要用到单元格合并

HTML中表格的知识点示例

列合并属性--colspan

在制作一些复杂的表格时，需要用到单元格合并




    
    单元格列合并



    
        西安
    
    
        长安区
        雁塔区
        碑林区
    
    
        新城区
        高新区
        莲湖区

HTML中表格的知识点示例

表格的嵌套

一个表格内部包含其他标签，用表格来排版页面，可以使页面各个部分互不冲突，整体结构优美。

HTML中表格的知识点示例

以上是“HTML中表格的知识点示例”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！

网站栏目：HTML中表格的知识点示例
转载源于：http://myzitong.com/article/pdpgho.html

HTML中表格的知识点示例

html有什么特点

其他资讯