发表于: 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的简单应用
评论