html中使用table的示例分析

小编给大家分享一下html中使用table的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

成都创新互联专注为客户提供全方位的互联网综合服务,包含不限于网站制作、网站设计、荔湾网络推广、小程序开发、荔湾网络营销、荔湾企业策划、荔湾品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;成都创新互联为所有大学生创业者提供荔湾建站搭建服务,24小时服务热线:18982081108,官方网址:www.cdcxhl.com

  1. 普通表格,简单的HTML表格由table元素以及tr、td和th元素组成,其中tr是指表格行,td是指单元格,th定义表头。空单元格就直接不填即可,或者用 。

表头 表头 表头
单元格1 单元格3

2.带有边框的表格。border元素表示表格的边框,默认单位是px,cellspcing表示表格与表格之间的间距,cellpadding表示内边距/内填充的距离。


		
			表头
			表头
			表头
		
		
			单元格1
			单元格2
			单元格3
		
	

3.带有背景图片或颜色的表格,注意:bgcolor表示颜色,而background不能直接在html里面添加颜色(这句话说错了,是使用的方式错误,直接使用内联样式书写的格式是style="background:red"或者是style="background-color:red"),在table中添加就是对整个表格设置,如果在单独的tr或者td中设置就是对单独的行或者单元格来进行设置。


		
			表头
			表头
			表头
		
		
			单元格1
			单元格2
			单元格3
		
	

4、跨行和跨列的表格,rowspan表示跨行,colspan表示跨列,跨列的话就在当前表格行内删除,跨行的话就在下方的表格行内删除。


	跨行
		
		  姓名
		  Bill Gates
		
		
		  电话
		  555 77 854
		
		
		  555 77 855
		
	

	跨列
		
		  姓名
		  电话
	
	
		  Bill Gates
		  555 77 854
		  555 77 855
	

5.带有标题的表格,caption表示表格的标题,也可以用其他标签比如p标签来定位表格标题,但使用caption的好处是他会跟着表格一起走,默认是在和表格居中对齐。

6.在表格单元中排列内容,比如在单元格中添加段落,列表等。


	
		
			

这是一个段落,hello World!

  • 这是一个列表
    • html
    • css
    • javascript

7.frame框架属性,规定外侧边框的哪个部分是可见的。//暂时不会使用。

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


分享名称:html中使用table的示例分析
网页路径:http://pwwzsj.com/article/jpdsjh.html