day2续

表格技术初涉

表格:是指将一点范围的区域分为“行列对齐”的若干个“格子”的一种技术。

表格使用如下3个标签搭配以形成完整的表格基本表现:

<table>

    <tr>

            <td>这个td中才是放置具体“内容部分”的区域</td>

    </tr>

</table>

table:用于“声明”一个表格

tr:用于设定一个表格中的“一行”,多个就使用多个tr配对。

td:用于设定一个行中的“一行”(单元格),多个列就使用多个td。

一个表格可以有多行,一个行可以有多列。

表格中的单元格的“合并”操作是通过td上的两个属性来实现。

table常用属性:

width:

height:

border:设定表格的边框线,其实会应用整个表格的所有“边框线”(每个单元格)

cellpadding:设定单元格中的内容与单元格的边框线之间的“间距”,单位是px

cellspacing:设定相邻的两个单元格的边框线之间的“间距”,单位是px

bgcolor="blue"设定表格的背景颜色

align="left//center//right":设定表格总体的定位方式

background="图片地址url":设定表格的总体上的背景图

td常用属性:

width

height

bgcolor="biue"设定单元格的背景颜色

background="图片地址url":设定单元格的背景图

align="left//center//right":设定单元格中的内容的水平对齐方式

ralign="top//middle//bottom":设定单元格中的内容的垂直对齐方式

colspan="5":表示该单元格会水平向右边合并5个”原始单元格“,其本身相当于”跨“5列

rowspan="3":表示该单元格会垂直向下边合并3个”原始单元格“,其本身相当于”跨“3个行

表格深入

td用于设定一个普通单元格

th用于设定一个”标题单元格“:其中的文字会自动粗细并居中——凡是可以用td就可以用th

在table中使用caption标签,其中可设定标题文字

实际上,作为表格”table“,其内部的所有行还可以进一步进行”表格区域化“,通常有3种形式的表格区域:

thead:代表表格的”头部“区域,其中可以放置tr(及其下属)标签

tbody:代表表格的”中部“区域(主体区域),同样可以放tr--所有设有明确使用分区标签。归到某个区域的tr标签,都自动隶属于tbody分区。--也就是说,tbody有可能自动出现。

tfoot:代表表格的”尾部“区域”,同样可以放tr.


图片发自简书App


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

相关阅读更多精彩内容

  • 表格 代码: 内容 table常用属性:width:height:border:设定表格的边框线,其实会应用整个表...
    YYece阅读 371评论 0赞 0
  • (1)文档类型 文档类型:html文件的第一行代码通常是声明文档网页文档类型(DTD),文档类型可以简单的理解为 ...
    Y原谅阅读 399评论 0赞 0
  • 图片标签 alt属性:主要给搜索引擎使用使索搜引擎可以“识别”该图的具体内容。border:用于设定图片的边框线的...
    追逐梦的孩子_759d阅读 228评论 0赞 0
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,595评论 1赞 41
  • 元霄节的历史,由来已久,至少在秦代就有这个节日。史学家司马迁创建“太初历”时,已将元宵节确定为重大节日。 关于元霄...
    微元素H阅读 596评论 0赞 0

友情链接更多精彩内容