美文网首页
HTML表格简单总结

HTML表格简单总结

作者: 是阿冰喔 | 来源:发表于2018-07-08 21:24 被阅读0次

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

 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

相关文章

  • HTML表格简单总结

    (一)基本结构是这个样子的 table:定义表格tr:定义表格对的行td:定义表格的行中的内容th:定义表格中的表...

  • 旅游网注册页面

    一个简单的 HTML 表格,包含两行两列: 1. 标签定义 HTML 表格2.简单的 HTML 表格由 tabl...

  • 爬虫_027_Table标签

    table表格 标签定义 HTML 表格。简单的 HTML 表格由 table 元素以及一个或多个 tr、th ...

  • 关于wkhtmltopdf,你一定想知道这些

    - 前言- 实践- 长表格- 宽表格- 其他选项- 总结 前言 如果你有 Markdown 或者 HTML 转到 ...

  • 作业-表格相关

    Table 标签定义 HTML 表格。 简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 ...

  • HTML5表格标签:table

    标签定义 HTML 表格。简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成...

  • HTML:复杂表格制作

    简单表格 表格的制作可以通过 等标签的组合来构造。这样一段HTML: 可以得到这样的表格: 跨行/列表格制...

  • HTML表格-13

    HTML 表格 实例: HTML 表格表头

  • HTML表格应用

    HTML表格 表格标签 表格在数据展示方面非常简单,并且表现优秀,通过与CSS的结合,可以让数据变得更加美观和整齐...

  • CSS 表格属性

    表格属性 CSS表格属性用于设置HTML表格的样式,HTML表格由 标签嵌套 , , 等标签组成,一个HTML...

网友评论

      本文标题:HTML表格简单总结

      本文链接:https://www.haomeiwen.com/subject/edqauftx.html