发表于: 2018-12-15 09:44:14

1 754


今日完成的事:

今天做任务8,刚开始做那个职位说明,用的栅格系统内嵌的方法,但师兄要求用〈table〉标签做,,于是就学习了下:

<table> 标签定义 HTML 表格。

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

tr 元素定义表格行,th 元素定义表头,td 元素定义表格单元。

更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。

一、table表格语法与结构 - TOP

<table>

<tr>

<td>td>

<td>td>

<td>td>

tr>

table>

或者

<table>

<tr>

<th>th>

<th>th>

<th>th>

tr>

table>

以上2个表格结构中td和th使用,没有区别。

table合并单元格 colspan(跨列)和rowspan(跨行)

colspan和rowspan这两个属性用于创建特殊的表格。


colspan是“column span(跨列)”的缩写。colspan属性用在td标签中,用来指定单元格横向跨越的列数:



在浏览器中将显示如下:


单元格1

单元格2 单元格3 单元格4

该例通过把colspan设为“3”, 令所在单元格横跨了三列。如果我们将colspan设为“2”,则该单元格将只跨越两列,于是有必要在第一行插入另外一个单元格,以确保两行占据相同的列数。

明日目标:

继续任务8

遇到的问题:

我ps软件确实有问题,下载了半天还没弄好

收获:

学习了table的简单应用


返回列表 返回列表
评论

    分享到