【HTML】HTML 表格 ① ( 表格标签 | 行标签 | 单元格标签 | table 表格属性 | border 属性 | align 属性 | width 属性 | height 属性 )

文章目录

• 一、表格标签组成 ( 表格标签 | 行标签 | 单元格标签 )
• 二、table 表格属性 ( border 属性 | align 属性 | width 属性 | height 属性 )

一、表格标签组成 ( 表格标签 | 行标签 | 单元格标签 )

HTML 表格 由 3 种标签 组成 : 表格 涉及 的标签都是 双标签 ;

• 表格标签 : 表格最 外围的标签 , 用于包裹整个表格 ; 其中 包含若干 tr 行标签 ;

整个表格内容

• 行标签 : 标签内是 一行的内容 , 其中 包含若干 td 标签 ;

表格中一行的内容

• 单元格标签 : 表格中一个单元格中的内容 , 只包含一个单元格的文本 ;

单元格文本内容

代码示例 :

 

	    
		 
        
		
    
    
		
		

			
			

				
				
姓名
				
年龄
			
			

				
Tom
				
18
			
			

				
Jerry
				
16
			
		
    

网页效果 :

二、table 表格属性 ( border 属性 | align 属性 | width 属性 | height 属性 )

table 表格属性 :

• border 属性 : 属性值 为 像素值 ; 设置边框
• cellspacing 属性 : 属性值 为 像素值 ; 设置 单元格边框 之间的 间距
• cellpadding 属性 : 属性值 为 像素值 ; 设置 单元格边框 与 单元格内容 之间的 间距
• width 属性 : 属性值 为 像素值 ; 设置 表格宽度 ;
• height 属性 : 属性值 为 像素值 ; 设置 表格高度 ;
• align 属性 : 可设置 left , center , right 等属性值 ; 用于设置 整体表格 在 网页中的 水平对齐方式 ;

• 设置 left , 表格在网页左侧 ;
• 设置 center , 表格在网页水平居中 ;
• 设置 right , 表格在网页右侧 ;

代码示例 :

 

	    
		 
        
		
    
    
		
		

			
			

				
				
姓名
				
年龄
			
			

				
Tom
				
18
			
			

				
Jerry
				
16
			
		
    

网页效果 :

服务器托管，北京服务器托管，服务器租用 http://www.fwqtg.net
机房租用，北京机房租用，IDC机房托管， http://www.fwqtg.net

相关推荐: 感觉有点寂寞

准备睡觉，还是感觉有点寂寞。又掏出我的小mac，开始写代码。恩，有点寂寞。不开森。 服务器托管，北京服务器托管，服务器租用 http://www.fwqtg.net 机房租用，北京机房租用，IDC机房托管， http://www.e1idc.net