HTML表格

表格的基本语法

image.png

表格标签<table>……</table>;
行标签<tr>……</tr>,可以有多行;
单元格标签<td>……</td>


image.png

border:边框属性,用于指定边框的宽度。
width:设置表格在浏览器的宽度。
align:表格对齐方式,其取值有:center、left、right

单元格对齐方式

image.png

image.png

演示中单元格内的内容右对齐,低端对齐,单元格长60宽660。

表格的跨行和跨列

跨列是指单元格的横向合并。


image.png

先打大框架!!!

例:
image.png

image.png

跨行是指单元格在垂直方向向上合并。


image.png

例:
image.png

image.png

先打大框架!!!

cellpadding:单元格与边框距离
cellspacing:单元格与单元格之间的距离

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 表格标签在过去的网页开发中使用的非常多,绝大多数的网站都是用来表格标签来制作,也就是说表格标签是一个时代的代表。 ...
    Adagou阅读 3,973评论 0 1
  • 1、作用 以表格形式将数据显示出来,当数据量非常大的时候,表格这种展现形式被认为是最为清晰的一种展现形式。 2 、...
    唯老阅读 3,480评论 0 6
  • 表格标签: 表格标签的作用:用来给一堆数据添加表格语义表格标签是一种数据的展现形式,当数据量特别大的时候,表格的展...
    幸运密码_xymm16888阅读 3,975评论 0 0
  • (一)基本结构是这个样子的 table:定义表格tr:定义表格对的行td:定义表格的行中的内容th:定义表格中的表...
    是阿冰喔阅读 5,748评论 0 0
  • 魏卿章15226856667 当你说到2:7:1那段的时候,我想到的是我的朋友圈,我的朋友虽然多,但是有一部分是可...
    TA79魏明阅读 1,409评论 0 0

友情链接更多精彩内容