资讯专栏INFORMATION COLUMN

课时38.表格标签的属性(了解)

callmewhy / 2724人阅读

摘要:宽度和高度的属性可以给标签和标签使用标签不能使用水平对齐和垂直对齐的属性其中水平对齐可以给标签和标签和标签使用垂直对齐只能给标签和标签使用外边距和内边距属性只能给标签使用补充上节课内容表格的宽度和高度默认是按照内容的尺寸来调整的也可以通过给

1.宽度和高度的属性

可以给table标签和td标签使用(tr标签不能使用)

2.水平对齐和垂直对齐的属性

其中水平对齐可以给table标签和tr标签和td标签使用

垂直对齐只能给tr标签和td标签使用

3.外边距和内边距属性

只能给table标签使用

补充上节课内容:

1.1表格的宽度和高度默认是按照内容的尺寸来调整的

也可以通过给table标签设置width/height属性的方式来手动指定表格的宽度和高度

1.2如果给td标签设置width/height属性,会修改当前单元格的宽度和高度,不会影响整个表格的宽度和高度

水平

2.1给table标签设置align属性,可以控制表格在水平方向的对齐方式(只能设置水平方向,不能设置垂直方向)

2.2 给tr标签设置align属性,可以控制当前单元格内容在水平方向的对齐方式

注意点:

如果td中设置了align属性,tr中也设置了align属性,那么单元格中的内容会按照td中设置的来对齐

垂直:

2.4给tr标签设置valign属性,可以控制当前行中所有单元格中的内容在垂直方向的对齐方式

2.5给td标签设置valign属性,可以控制当前单元格中的内容在垂直方向的对齐方式

align:  left    center  right

valign:top     center   bottom

注意点:如果给td中设置了valign属性,tr中也设置了valign属性,那么单元格中的内容会按照td中设置的来对齐

3.

3.1默认情况下单元格和单元格之间的外边距的距离是2px

在table中写

可以看到没有外边距的样子

3.2内边距就是单元格的边框和文字之间的间隙,我们称之为内边距,内边距的默认值是1,用cellspacing="20"来检测,改完以后发现文字距离单元格的间隙变大了

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/2106.html

相关文章

  • 课时39.细线表格(理解)

    摘要:请你设计出以下图片里的这个样式的表格步骤我先来制作一个两行两列的表格将里的设置成外边距是不见了,但是和我们想要完成的图片有一定的差距,我们发现这样做出来的图片好像是两条线合并到了一起一样,实际上确实是两条线合并到了一起的,它是将每个单元格 请你设计出以下图片里的这个样式的表格 步骤: 我先来制作一个两行两列的表格                            2.将tab...

    mist14 评论0 收藏0
  • 课时41.表格结构(了解

    摘要:我们打开上节课做出来的页面,然后点击鼠标右键检查我们发现整个表格都是一个标签,标题就是,而标题下面是我们上节课并没有写这个标签,所以事实证明我们上节课写的表格不是一个完整的表格,那么到底什么是一个完整的表格呢我们这节课来探讨一下,但是这节知 我们打开上节课做出来的页面,然后点击鼠标右键检查 我们发现整个表格都是一个table标签,标题就是caption,而标题caption下面是... ...

    邹立鹏 评论0 收藏0
  • 课时40.表格其它标签(理解)

    利用我们表格标签来做一个案例: 通过这个案例来给大家介绍下表格标签中的其它标签 1.ctrl+alt+n新建一个文件,命名为24-表格标签的其它标签 然后我们在这个程序中输入代码,我们观察这个图片发现标题是h2,然后下面是一个表格标签,一共是六行六列,我们先做出来标题栏 出现这种样式,发现看不到边框,因为表格边框默认为0,并且图片中是一个细线表格,所以我们要按上节课学的来制作细线表格,我们...

    gxyz 评论0 收藏0
  • 课时43.表格练习

    摘要:这节课我们来练习几个样式的表格快捷键总结快速移动选中的代码,上下移动往上移动向上箭头往下移动向下箭头快速合并和展开代码合并和展开的是一个标签合并展开快速合并和展开代码合并和展开选中的所有标签合并展开快速新启一行回车这节课我们来练习几个样式的表格 1. 2. 3. 4. 快捷键总结 快速移动选中的代码,上下移动 往上移动:ctrl+shift+向上箭头 往下移动:ctrl+shi...

    TesterHome 评论0 收藏0
  • 课时47.datalist标签了解

    摘要:标签作用给输入框绑定待选项格式待选项内容如何给输入框绑定待选列表搞一个输入框搞一个列表给列表标签添加一个给输入框添加一个属性,将的对应的值赋值给即可这个东西我们只要是了解即可,因为很多浏览器都不支持1.datalist标签 作用:给输入框绑定待选项 2.datalist格式: 待选项内容         3.如何给输入框绑定待选列表? 搞一个输入框 搞一个datalist列表 给dat...

    Hancock_Xu 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<