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

定制建站费用3500元

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

成都品牌网站建设

品牌网站建设费用6000元

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

成都商城网站建设

商城网站建设费用8000元

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

成都微信网站建设

手机微信网站建站3000元

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

建站知识

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

html中Table和div怎么用-创新互联

这篇文章将为大家详细讲解有关html中Table和div怎么用,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

成都创新互联网站设计,为客户量身定制各类网站建设业务,包括企业型、电子商务型、成都响应式网站建设公司、行业门户型等各类网站,实战经验丰富,成功案例众多。以客户利益为出发点,成都创新互联网站制作为客户规划、按需求定制设计符合企业需求、带有营销价值的网络建站方案认真对待每一个客户,我们不用口头的语言来吹擂我们的优秀,成百上千家的成功案例见证着我们的成长。

html有什么特点

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

 Web前端1

学号

姓名

性别

年龄

01

张三

20

02

李四

21

人数合计

60

表格的组成部分:

    标题 表头 主体 表尾

Table 定义一个表格


Caption 定义表格的标题

web前/caption>端1<

Thead 定义表头的部分


				
					学号
					姓名
					性别
					年龄
				
			

Tbody 定义表格的主体


				
					01
					张三
					男
					20
				
				
					02
					李四
					女
					21
				
				
					
						人数合计:
						60
					
				
			

Tfoot 定义表尾,一般来显示汇总信息


					
						人数合计:
						60
					
				

Tr 定义一行


					学号
					姓名
					性别
					年龄
				

Th td 定义数据项(单元格) th 一般用于表头,有加粗的样式

                                             Td 一般用于主体部分,没有加粗样式


					01
					张三
					男
					20
				

Td rowspan 和 colspan 分别定义单元格跨行的行数,跨列的列数

人数合计:

Cellspacing 定义表格的间距

Cellpadding 定义表格的边距

Div 定义一个分块 (division)

特点:在新的一行显示  块级标签

块级标签 与 行内标签的区别:

块级标签占满行  行内标签会按照顺序从左到右依次排列

块级标签:h2-h7  p  ul  ol  li  div table  dl  form

行内标签:span  a  br lable  I  em

块级元素的特点:display:block

  • 每个块都是从新的一行开始,后面的元素会另起一行

  • 元素的宽度、高度、行高、内外边距都是可设置的

  • 如果不设置元素的宽度,是他父容器的100%,除非你给他设定高度

行内元素的特点:display:inline

  • 和其他的元素都在一行上

  • 不能设置元素的宽度,高度,行高,内外边距

  • 元素的宽度是他包含文字或图片的宽度,不能改变

行内块元素的特点:display:inline-block

  • 和其他的元素都在一行上

  • 宽度,高度,行高,内外边距都可以设置的

关于“html中Table和div怎么用”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。


新闻名称:html中Table和div怎么用-创新互联
URL链接:http://bjjierui.cn/article/dghdsi.html

其他资讯