浅析Table 和 div 的简介及用法

这篇文章主要介绍了浅析Table 和 div 的简介及用法,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

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)

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

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

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

块级标签:h1-h6 p ul ol li div table dl form

行内标签:span a br lable I em

块级元素的特点:display:block

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

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

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

行内元素的特点:display:inline

和其他的元素都在一行上

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

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

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

和其他的元素都在一行上

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

总结

到此这篇关于浅析Table 和 div 的简介及用法的文章就介绍到这了,更多相关Table 和 div 的简介及使用内容请搜索脚本之家以前的文章或继续浏览下面的相关文章,希望大家以后多多支持脚本之家!

本文来自脚本之家,原文链接https://www.jb51.net/web/742251.html

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:SEO优化专员,转转请注明出处:https://www.chuangxiangniao.com/p/901318.html

(0)
上一篇 2025年1月4日 02:19:19
下一篇 2025年1月4日 02:19:56

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 冲牙器使用时张开嘴还是闭嘴

    生活中,比较注意口腔问题的朋友们来说一般都开始使用冲牙器了,使用后你会发现真香,真的能够把牙缝里牙刷碰不到的残渣都冲洗干净。那么,冲牙器使用时张开嘴还是闭嘴呢?一起来看看趣丁网带来的介绍吧! 冲牙器使用时张开嘴还是闭嘴  闭着。  第一次用…

    2025年1月6日
    691.6K00
  • 冲牙器需要每顿饭后都用吗

    越来越多人开始关注自己口腔问题了,如果单纯的刷牙并不能把牙垢以及其余的残渣清理干净,而使用冲牙器就是最简单快速清理残渣的方法。那么,冲牙器需要每顿饭后都用吗?其实没必要,使用后就是真香,随心所欲的使用冲牙器! 冲牙器需要每顿饭后都用吗 一般…

    2025年1月6日
    717.2K00
  • 冲浪板是绑在腿上吗

    冲浪板是海边冲浪必备的一款道具,很多人没有接触过的都比较担心危不危险,毕竟电视剧上很多都是在海里使用冲浪板,看起来十分拉风。那么,冲浪板上没有固定脚的不会掉下来吗?一起来看看趣丁网带来的介绍吧! 冲浪板是绑在腿上吗 是的。 冲浪是一项利用海…

    2025年1月6日
    546.0K00
  • 水银温度计用之前要甩一甩吗

    水银温度计是很多人从小到大都使用过的产品,但也有人在家里购入水银温度计后都不怎么使用的。其实,在使用水银温度计前,都需要甩一甩的,将温度甩到35度以下后,测量时才会更准确。 水银温度计用之前要甩一甩吗  在使用温度计之前一定要把温度甩下去。…

    2025年1月4日
    842.8K00
  • CSS3 border-radius圆角的实现方法及用法详解

    这篇文章主要介绍了CSS3 border-radius圆角的实现方法及用法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下 以前想实现一个圆角是比较麻烦的,不过现在CSS3来了,实现圆角变的那么的简…

    2025年1月4日
    100
  • css下div下同行多元素右对齐

    这篇文章主要介绍了css下div下同行多元素右对齐,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧 方法一: float:right 此外,浮动还会使得布局更紧凑(没空隙…

    2025年1月4日
    100
  • CSS实现子元素div水平垂直居中的示例

    这篇文章主要介绍了CSS实现子元素div水平垂直居中的示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧 div基本布局 css样式 1. 配合定位与margin:au…

    服务器 2025年1月4日
    100
  • 水银温度计用哪一头测试

    水银温度计是很多家庭都会准备的一款产品,毕竟每个人身体都会有不适的时候,如果担心自己发烧,可以试试水银温度计来测量。那么,水银温度计用哪一头测试?水银温度计用完之后怎样恢复正常?一起来看看趣丁网带来的详细介绍吧! 水银温度计用哪一头测试 体…

    2025年1月4日
    5.6K00
  • Css代码中color属性的几种常见用法及区别

      大家在制作网站和编写css代码的时候,经常都会使用到color属性,这也是一个网页在制作中非常常见的属性,但是,就是这样一个最常用的属性也有多种表达方法,可以在不同的时候派上用场。   四、进阶的RGBA:rgba方法   这种颜色选择…

    2025年1月4日
    100
  • 利用div+css3实现一个背景渐变的button按钮的示例代码

    这篇文章主要介绍了利用div+css3实现一个背景渐变的button按钮的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧 随着目前前端页面的需求不断提升,有些场…

    2025年1月4日
    200

发表回复

登录后才能评论

联系我们

156-6553-5169

在线咨询: QQ交谈

邮件:253000106@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

联系微信