网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线: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/jihjci.html

其他资讯