HTML表格简单总结

(一)基本结构是这个样子的

 table:定义表格

 tr:定义表格对的行

 td:定义表格的行中的内容

 th:定义表格中的表头内容

表格结构概览

(二)为了方便电脑加载,可以分为<thead>,<tbody>,<tfoot>来写

(三)表格属性

align 水平方向

left               左对齐内容。

right             右对齐内容。

center          居中对齐内容。

justify           对行进行伸展,这样每行都可以有相等的长度(就像在报纸和杂志中)。

valign竖直方向

top               对内容进行上对齐。

middle          对内容进行居中对齐(默认值)。

bottom          对内容进行下对齐。

baseline       与基线对齐。

cellspacing 单元格的空隙

cellpadding 单元格内容与边界的空隙

width 宽度

height 高度

bgcolor 背景颜色

border 边框的宽度

frame 外边框

void               不显示外侧边框。

above            显示上部的外侧边框。

below            显示下部的外侧边框。

hsides           显示上部和下部的外侧边框。

vsides           显示左边和右边的外侧边框。

lhs                显示左边的外侧边框。

rhs               显示右边的外侧边框。

box              在所有四个边上显示外侧边框。

border         在所有四个边上显示外侧边框。

rules 内边框

none没有线条。

groups位于行组和列组之间的线条。

rows位于行之间的线条。

cols位于列之间的线条。

all位于行和列之间的线条。

(四)跨列用colspan这个属性,跨行用rowspan这个属性,代码如下

示意图
代码

这个网站很不错:http://www.w3school.com.cn/html/index.asp

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

相关阅读更多精彩内容

  • (注1:如果有问题欢迎留言探讨,一起学习!转载请注明出处,喜欢可以点个赞哦!)(注2:更多内容请查看我的目录。) ...
    love丁酥酥阅读 9,869评论 2 5
  • 一,HTML语言的一般语法: 1,围堵标记:<>… 1)带属性的标记: … 2)无属性的标记:加粗 居中 标题 2...
    清水易蓝阅读 5,069评论 0 2
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,696评论 1 92
  • 色彩 绿水 电站 青山绿水 夜下福泉 背影 孤独的石
    筠韵阅读 1,432评论 3 3
  • 药师学病理 ...
    开心药师阅读 4,938评论 0 3

友情链接更多精彩内容